Day14-This

• this的指向取决於谁呼叫
• 物件一定指向本身
• 其余必须透过call、bind等等强制绑定

我们先把this打印出来，可以发现this指向window

console.log(this)

我们宣告一个全域变数a

var a = 3
console.log(this);

可以看到在window底下会有刚刚我们宣告的变数a

那如果是let、const呢 ?

let a = 3
console.log(this);

const a = 3
console.log(this);

let 、const 不同於var会使window底下有全域变数。

我们也可以换个思维，既然知道const、let是block scope，也就代表不会污染window!!!

物件

var value = 3

var obj = {
  value : 2,
  log : function() {
    console.log(this)
  }
}
obj.log()

我们如果把obj2的log指向obj的log

var value = 3

var obj = {
  value : 2,
  log : function() {
    console.log(this)
  }
}
var obj2 = {
  value: 100,
  log: obj.log //point to obj2
}
obj2.log()

没错! 取决於谁呼叫谁

Call

当然也有apply、bind等等，这边我们举call的例子即可，都大同小异。

var name = 'Ian'
function sayHi() {
  console.log(this.name)
}
sayHi() //Ian
sayHi.call({name: 'Dennis'})

Arrow Function

匿名箭头并不会绑定於该物件上。

obj = {
  log: () => console.log(this)
}
obj.log() //window

但我们如果使用闭包的写法呢???

obj = {
  value: '3',
  log: function() {
     setTimeout(() => console.log(this))
  }
}
obj.log() //{value: '3', log: ƒ}