箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。

创新互联建站是一家专注于成都网站建设、网站设计与策划设计,秦淮网站建设哪家好?创新互联建站做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:秦淮等地区。秦淮做网站价格咨询:18982081108

由于箭头函数没有自己的this指针，通过 call() 或 apply() 方法调用一个函数时，只能传递参数（不能绑定this），他们的第一个参数会被忽略。

前言

阅读下面的内容要先看下《你不知道的javascript（上）》中的第二部分：this和对象原型（里面对于this指向的理论部分主要来源于该书）。

问题

这周在写代码的时候，听同事在说箭头函数无法更改this的指向，并且使用下面代码进行验证：

// (1) 使用箭头函数，this一直指向window
var a = 0
var obj1 = {
  a: 1,
  fn: () => { console.log(this.a) }
}
obj1.fn() // 结果：0

var obj2 = {
  a: 2
}
obj2.fn = obj1.fn
obj2.fn() // 结果：0

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：JavaScript基础之this和箭头函数详析-创新互联
分享网址：http://ybzwz.com/article/dhjpgs.html