箭头函数没有绑定this

不要把【箭头函数】和【箭头函数的定义函数】弄混淆
ecma262规范中明确规定，箭头函数根本没有自身的this绑定
在函数执行前绑定this的时候，传入的thisArgument会被直接忽略

也就是说箭头函数本身没法修改this，所以对this访问永远是它继承外部上下的this按照babel的实现来说，在箭头函数内部没有this引用的时候，默认编译成这样

var f = function(v) {return v;
};

但是如果箭头函数内部使用了this，就成了

function test() {var _this = this;var f = function f(v) {return _this.a;};
}

这个实现是符合标准的，全程没有绑定这回事。所以结论就是：

“箭头函数”的this，总是指向定义时所在的对象，而不是运行时所在的对象。

这句话完全正确，而且语言是通过忽略对箭头函数的所有绑定操作来实现的，而不是简单的返回一个绑定this的闭包。

箭头函数没有绑定this相关推荐

es6箭头函数this问题
最近做vue的项目,发现中用了很多es6中的新特性,随后开始恶补es6,发现箭头函数这一简洁的函数写法,不过还是感觉不习惯,箭头函数的格式: //有参数var foo = n => consol ...
js map 箭头_JS异常函数之箭头函数
来源:logrocket作者:Maciej Cieślar 译者:前端小智为了保证的可读性,本文采用意译而非直译. 在JS中,箭头函数可以像普通函数一样以多种方式使用.但是,它们一般用于需要匿名函数 ...
js map 箭头_JS异常函数之-箭头函数
来源:logrocket 作者:Maciej Cieślar 译者:前端小智为了保证的可读性,本文采用意译而非直译. 在JS中,箭头函数可以像普通函数一样以多种方式使用.但是,它们一般用于需要匿名函 ...
js箭头函数和普通函数区别
js箭头函数和普通函数区别实验环境:nodejs v12.16.1 箭头函数不能作为构造函数,而普通函数可以箭头函数没有原型,而普通函数有箭头函数return可以省略语句块.(如果=>右边 ...
[vue] watch的属性用箭头函数定义结果会怎么样？
[vue] watch的属性用箭头函数定义结果会怎么样? 因为箭头函数默绑定父级作用域的上下文,所以不会绑定vue实例,所以 this 是undefind 个人简介我是歌谣,欢迎和大家一起交流前后端 ...
button执行onclick函数_千万别再一直无脑使用ES6的箭头函数了，它虽然很有用但并不是万能的...
相信很多小伙伴自从知道了ES6的箭头函数以后,都疯狂得使用,渐渐的淡忘了普通函数的使用.不过确实,箭头函数看起来比较简洁,用起来也舒服,不过它的出现是为了解决某一部分问题的,并不是用来替代普通函数的, ...
ES6/06/ES6简介，ES6新增语法，let声明变量，const声明常量，var,let和const总结，数组解构，对象解构，箭头函数，剩余参数
ES6简介 ES全称:ECMAScript ; 由ECMA国际化组织制定的标准脚本语言的标准化规范: 为什么使用ES6? 每一次标准的诞生都意味着语言的完善,功能的加强,JavaScript语言本身也 ...
箭头函数写法_箭头函数
1.箭头函数介绍 //ES6 let fn=v=>v; console.log(fn("好酷的箭头函数!"));//好酷的箭头函数! //ES5 let fn=functio ...
箭头函数（Arrow Function）
箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target.箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数. 箭头函 ...

箭头函数没有绑定this

箭头函数没有绑定this

箭头函数没有绑定this相关推荐

最新文章

热门文章