美文网首页
箭头函数没有绑定this

箭头函数没有绑定this

作者: 龙旗飘扬的舰队 | 来源:发表于2019-01-31 18:19 被阅读11次

==箭头函数没有绑定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

    ==箭头函数没有绑定this== 不要把【箭头函数】和【箭头函数的定义函数】弄混淆 ecma262规范中明确规定,...

  • ES6箭头函数与普通函数区别

    箭头函数作为匿名函数,是不能作为构造函数的,不能使用new 箭头函数没有原型属性 箭头函数不绑定arguments...

  • React事件绑定

    1、在构造函数内使用bind绑定this 2、箭头函数绑定this 3、使用bind()绑定this 4、使用箭头...

  • es6

    箭头函数与普通函数的区别 箭头函数是匿名函数,不能作为构造函数,不能使用new 箭头函数不绑定arguments,...

  • React(组件的this绑定)

    在constructor中绑定this 在render中绑定this 箭头函数

  • ES6箭头函数的特性

    箭头函数是匿名函数,不绑定自己的this,arguments,super,new.target 箭头函数会捕获其所...

  • ES6系列之函数部分

    本篇目录: 箭头函数箭头函数的this的绑定注意点 函数的默认参数应用 rest参数 小结 箭头函数 在之前ES5...

  • 16.箭头函数与普通函数的区别

    箭头函数: 普通函数: 一、二者区别 1.箭头函数是匿名函数,不能作为构造函数,不能使用new 2.箭头函数不绑定...

  • 箭头函数和普通函数的区别

    箭头函数是匿名函数,不能作为构造函数,不能使用new 箭头函数不能绑定arguments,取而代之用rest参数....

  • 前端面试必会面试题

    1、箭头函数和普通函数的区别 1.箭头函数是匿名函数,不能作为构造函数,不能使用new 2.箭头函数不绑定argu...

网友评论

      本文标题:箭头函数没有绑定this

      本文链接:https://www.haomeiwen.com/subject/rvrlsqtx.html