老师，这个面试题答案是什么

Question

const obj = {
 x:1,
 print1:()=>{
  console.log(this.x)
 },
 print2(){
  console.log(this.x)
 },
 print3:function(){
  console.log(this.x)
 }.bind(this)
}

obj.print1()
obj.print2()
obj.print3()
想知道this分别指向什么，为什么

Answer 1

双越 2021-10-28 15:33:30

print1 使用的是箭头函数，this 会指向函数定义时作用域，即 window

print2 很好理解

print3 的 bind(this) ，this 此时指向的也是函数定义时的作用域，即 window

可以换一种写法，你就能明白了。

const t = this

const obj = {
 x:1,
 print1:()=>{
  console.log(t.x)
 },
 print2(){
  console.log(this.x)
 },
 print3:function(){
  console.log(this.x)
 }.bind(t)
}

• 提问者 慕头不大 #1

  谢谢，看明白了

• Evonne_xy #2

  老师想问下，print3中的bind(this),这个this为什么是window呀？不太理解

• 双越 回复 Evonne_xy #3

  因为在执行 bind(this) 时，此时 this 就是 window

点开查看后面3条评论