箭头函数的作用域

箭头函数的作用域指向定义变量时，所在的作用域。

箭头函数指向Timer

箭头函数指向handler

this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为它没有this，所以也就不能用作构造函数。

原文地址：https://www.cnblogs.com/zthtime/p/9146547.html

时间： 2024-11-04 12:40:38

箭头函数的作用域的相关文章

JS的箭头函数this作用域

name="小刚"; let student={ name:"小明", printLog:function(){ // 这里绑定了顶层作用域,可以使用变量与方法 console.log(this) }, printArrowLog:()=>{ // 这里不知道绑定的是哪个作用域,有知道的大咖请回答下 console.log(this) } } student.printLog(); /* { name: '小明', printLog: [Function: p

[译]ES6箭头函数和它的作用域

原文来自我的前端博客: http://www.hacke2.cn/arrow-functions-and-their-scope/ 在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码……但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在! 执行环境你可以自己去学习和尝试下, 你可以简单的把示例程序代码复制到你的浏览器控制

ES6箭头函数和它的作用域

原文来自我的前端博客: http://www.hacke2.cn/arrow-functions-and-their-scope/ http://es6rocks.com/2014/10/arrow-functions-and-their-scope/ 原文链接译:@liningone 摇滚ES6中国站快要上线了,大家期待吧,也可以联系我或者ES6组织为这个活动做出点贡献! 在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了

vue2.0函数(箭头函数)的this作用域

在做vue项目时用到了axios,但是发现axios请求之后的回调函数里this并不指向当前vue实例,从而导致浏览器报错. 出错代码及结果: created : function(){ axios.get('static/data.json').then(function(res){ console.log(this) //undefined this.user = res.data.user }) } (报错截图) 普通函数代码改版(正确): created : function(){ va

箭头函数无法使用this的解决方法

ES6中箭头函数 () => { } ,看到这么简单的写法,我也是很喜欢用的.但是如果想在箭头函数里面使用this,那么就会出现获取不到当前对象,而是获取到window对象. 下面这个是ES5中原型链上添加了一个say函数,在函数内打印出this对象,运行后能够得到正确 Person {name: "小米", age: 7} <!DOCTYPE html> <html lang="en"> <head> <m

【转载】ES6——箭头函数

转载自:https://segmentfault.com/a/1190000004470909 侵删! 箭头函数定义定义一个箭头函数很简单,基本语法是: ([param] [, param]) => { statements } param => expression param 是参数,根据参数个数不同,分这几种情况:() => { ... } // 零个参数用 () 表示:x => { ... } // 一个参数可以省略 ():(x, y) => { ... } //

ES6笔记② 箭头函数

特性介绍箭头函数是ES6新增的特性之一,它为JS这门语言提供了一种全新的书写函数的语法. //ES5 function fun(x,y){ return x+y; } console.log(fun(5,10));//15 //ES6 var fun6 = (x,y) => {return x+y;} console.log(fun6(6,10));//16 ES6简化了声明函数,不需要再写 function . 好像除了简化代码,并没有什么新奇的对不对,那我们往下慢慢看. —————————

js 箭头函数

箭头函数 ES6标准新增了一种新的函数:Arrow Function(箭头函数). x => x * x相当于: function (x) { return x * x; }箭头函数相当于匿名函数,并且简化了函数定义.箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了.还有一种可以包含多条语句,这时候就不能省略{ ... }和return: x => { if (x > 0) { return x * x; } else { return - x

ES6 箭头函数this指向

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