es6 this指向面试题

2024-11-03

深入理解ES6箭头函数的this以及各类this面试题总结

ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚箭头函数和普通函数中的this 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (约定俗成) 3.在严格模式下,没有直接

ES5与ES6 this 指向详细解析（箭头函数）

首先要明白箭头函数的作用: 箭头函数除了让函数的书写变得很简洁,可读性很好外:最大的优点是解决了this执行环境所造成的一些问题.比如:解决了匿名函数this指向的问题(匿名函数的执行环境具有全局性),包括setTimeout和setInterval中使用this所造成的问题. 平时我们常见的window属性和方法有alter,document,parseInt,setTimeout,setInterval,localtion等等,这些在默认的情况下是省略了window前缀的.(window.a

this指向面试题两则

面试题1 let len = 10; function fn() { console.info(this.len) } fn(); // A let Person = { len: 5, say: function() { fn(); // B arguments[0](); // C } } Person.say(fn); 三处的输出结果均为 undefined A 处执行结果 fn 的 this 指向为 window let 声明的变量不挂载在 window 对象上输出结果为:window

es6 this指向

在非箭头函数中,谁调用的函数,this指向就是谁: var obj={ fn:function(){ console.log(this); } } obj.fn();//object 如果this出现在全局函数中,指向则是window: var obj={ fn:function(){ setTimeout(function(){ console.log(this); }); } } obj.fn();//window 而如果使用箭头函数,则类似于就近原则,如果有嵌套则绑定到最近的一层对象上,如

ES6 async await 面试题

转自:https://juejin.im/post/5c0397186fb9a049b5068e54 1.题目一 async function async1(){ console.log('async1 start') await async2() console.log('async1 end') } async function async2(){ console.log('async2') } console.log('script start') setTimeout(function(

前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）

写在前面参考答案及资源在看云平台发布,如果大家想领取资源以及查看答案,可直接前去购买.一次购买永久可看,文档长期更新!有什么意见与建议欢迎您及时联系作者或留言回复! 文档描述本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序.并有热点框架(vue react node.js 全栈)前端资源以及后端视频资源和源码并基于前端进阶和面试的需求总结了常用插件和js算法以及53道html/css 和71道js热点面试题并总结了热点React/ES6/Vue面试题对于

ES6 模块与 CommonJS 模块的差异

ES6 模块与 CommonJS 模块完全不同.它们有两个重大差异 CommonJS 输出是值的拷贝,即原来模块中的值改变不会影响已经加载的该值,ES6静态分析,动态引用,输出的是值的引用,值改变,引用也改变,即原来模块中的值改变则该加载的值也改变. CommonJS 模块是运行时加载,ES6 模块是编译时输出接口. CommonJS 加载的是整个模块,即将所有的接口全部加载进来,ES6 可以单独加载其中的某个接口(方法), CommonJS this 指向当前模块,ES6 this 指向und

ES5和ES6作用域

ES5和ES6作用域 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ES5和ES6的区别</title> </head> <body> <script type="text/javascript"> //ES5 中作用域, const callba

js 函数的this指向

一. 1.es5: 函数里的this指向分两种,一种正常函数调用指向被调用的对象,比如: test=()=>{ console.log(this) }; test();//是当前window调用,所以this指向window. 在事件调用里.this指向为当前调用时间的dom元素. //es5 this指向调用时间的dom元素 btn.onclick=function () { console.log(this) } 2.es6: es6 如上情况this指向为window. let btn=

剑指offer算法编程题目部分汇总（解法略）

总结一下本书中遇到的大部分面试题.面试题3:二维数组中的查找题目:在一个二维数组中,每一行都按照从左到右的递增顺序排列,每一列都按照从上到下递增的顺序排列,请完成一个函数,输入这样的一个整数,判断数组中是否含有该整数. 面试题4:替换空格题目:请实现一个函数,把字符串中的每个空格替换成%20. 面试题5:从尾到头打印链表题目:输入一个链表的头结点,从尾到头反过来打印每个结点的值. 面试题6:重建二叉树题目:输入某二叉树前序遍历和中序遍历的结果,请重建出该二叉树.假设节点没有重复的. 面试

typeScript中的函数

// 函数的定义 //es5定义函数的方法 /* //函数声明法 function run(){ return 'run'; } //匿名函数 var run2=function(){ return 'run2'; } */ //ts中定义函数的方法 //函数声明法 // function run():string{ // return 'run'; // } //错误写法 // function run():string{ // return 123; // } //匿名函数 // var f

（转载）深入理解ES6箭头函数的this以及各类this面试题总结

声明:本文转载自 https://blog.csdn.net/yangbingbinga/article/details/61424363 ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚箭头函数和普通函数中的this 一针见血式总结: 普通函数中的this: 1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj 2.在默认情况(

关于ES6 用箭头函数后的 this 指向问题

最近写完小程序后, 开始学习React, 因为有编译器, 就直接用ES6 新语法了, 中间自然离不开 () => { console.log('箭头函数的this是指向哪的问题')}; var obj2 = { id: 2333, test: () => console.log(this) } obj2.test();//window obj2.test.call(obj2);//window 那么我要这里 test函数的this 指向 obj2 是要怎么做呢来分析下上面代码, 转换成 E

前端项目中常用es6知识总结 -- 箭头函数及this指向、尾调用优化

项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍 1.块级作用域 let const 2.箭头函数及this指向 3.promise. 4.async await语法 4.模块化 module export和import 5.解构赋值.字符串模板 …… 箭头函数顾名思义用箭头 “ => ” 定义函数 //es5的函数 var fn = function(num) { return n

es6箭头函数 this 指向问题

es5中 this 的指向 var factory = function(){ this.a = 'a'; this.b = 'b'; this.c = { a:'a+', b:function(){return this.a} } }; console.log(new factory().c.b()); // a+ 通过es5的语法调用,返回的是 a+ ,this 的指向是该函数被调用的对象,也就是说函数被调用的时候,这个 this 指向的是谁,哪个对象调用的这个函数,这个 this 就是谁.

进阶路上有你我-相互相持篇之ES6里箭头函数里的this指向问题

首先复习下普通函数里的this指向: function test(){ console.log(this) } test() 你会秒杀的毫无疑问的回答:window,针对普通函数:谁调用了函数函数里的this就指向谁,test()等价于window.test(),所以是window var name="outername" var o={ name:"innername", getname:function(){ console.log(this.name) }

前端面试题整理—ES6篇

1.es5和es6的区别,说一下你所知道的es6 ECMAScript5,即ES5,是ECMAScript的第五次修订,于2009年完成标准化 ECMAScript6,即ES6,是ECMAScript的第六次修订,于2015年完成,也称ES2015 ES6是继ES5之后的一次改进,相对于ES5更加简洁,提高了开发效率 ES6新增的一些特性: 1)let声明变量和const声明常量,两个都有块级作用域 ES5中是没有块级作用域的,并且var有变量提升,在let中,使用的变量一定要进行声明 2)箭头

面试题集锦；有关作用域和this的指向

作用域面试题: 1. fn() function fn () { console.log(12) } var as = function () { console.log(45) } 2. var a = 12; function fn () { console.log(a) var a = 45; console.log(a) } fn() 3. var a = 12; function fn () { console.log(a) a = 45; console.log(a) } fn()

ES6 箭头函数 this 指向

ES6 箭头函数 this 指向箭头函数有几个使用注意点: 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象. 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误. 不可以使用arguments对象,该对象在函数体内不存在.如果要用,可以用 Rest 参数代替. 不可以使用yield命令,因此箭头函数不能用作 Generator 函数. 上面四点中,第一点尤其值得注意.this对象的指向是可变的,但是在箭头函数中,它是固定的. function foo(

js经典试题之ES6

js经典试题之ES6 1:在ECMAScript6 中,Promise的状态答案:pending resolved(fulfilled) rejected 解析: Promise对象只有三种状态: 异步操作“未完成”(pending)—— 异步操作“已完成”(resolved,又称fulfilled)—— 异步操作“失败”(rejected) 这三种的状态的变化途径只有两种: 异步操作从“未完成”到“已完成”——异步操作从“未完成”到“失败”. 这种变化只能发生一次,一旦当前状态变为“已完成

es6 this指向面试题

热门专题