JS中的this指向问题

普通函数中的this指向：

  var name = 'window'

  var A = {
    name: 'A',
    sayHello: function() {
      console.log(this.name)
    }
  }

  A.sayHello()  //输出A

  var B = {
    name: 'B'
  }

  A.sayHello.call(B)  //输出B
  A.sayHello.call()   //不传参指向全局window对象，输出window

由上可知，普通函数中this的指向只跟调用的对象有关

 

箭头函数中的this指向：

  var id = '全局'

  var obj = {
    id: 'A',
    sayHi: () => {
      console.log(this.id)
    }
  }

  obj.sayHi()  //输出全局

按照普通函数的规律来看，这里应该输出的是 'A'

但是结果输出的是 ‘全局’

这里的sayHi()处于全局作用域下

 

再看一个栗子

  var id1 = 'window'

  var obj1 = function() {
    var id1 =  'A1'
    var sayHi1 = () => {
      console.log(this.id1)
    }
    sayHi1()
  }

  obj1()  //输出'window'

此处执行函数obj1后，输出‘window’

这里的sayHi1()处于obj1()的函数作用域下，该函数作用域指向全局对象window

 

由上两例可知：箭头函数的this指向定义该函数时该函数所在的作用域指向的对象

关于作用域的问题可以看看JavaScript作用域与作用域链

 

 

 

 

 

节选自ES6箭头函数的this指向详解