JS-this 指向问题

共计 962 个字符，预计需要花费 3 分钟才能阅读完成。

全局作用域或者普通函数中 this 指向全局对象 window（ 注意定时器里面的 this 指向 window）

    console.log(this) // this指向window

    function fn() {
        console.log(this)
    }
    fn() // this指向window

    setTimeout(function () {
        console.log(this) // this指向window
    }, 1000)

方法调用中谁调用 this 指向谁

    let o = {
        sayThis: function () {
            console.log(this)
        }
    }
    o.sayThis() // this指向o这个对象

        btn.onclick = function () {
        console.log(this) // this指向btn
    }

    btn.addEventListener('click',function() {
        console.log(this) // this指向btn
    })

构造函数中 this 指向构造函数的实例

    function Fun() {
        console.log(this)
    }
    let fun = new Fun() // this指向fun实例对象

// 在函数中直接使用
function get(content) {
  console.log(content)
}
get('你好')
// get.call(window, '你好')

// 函数作为对象的方法被调用（谁调用我 我就指向谁）
var person = {
  name: '张三',
  run: function (time) {
    console.log(`${this.name} 在跑步，最多${time}min 就不行了`)
  }
}
person.run(30)
// person.run.call(person, 30)

var name = 222
var a = {
  name: 111,
  say: function() {
    console.log(this.name)
  }
}

var fun = a.say
fun()                  // fun.call(window) // 222

a.say()                // a.say().call(a) // 111

var b = {
  name: 333,
  say: function(fun) {
    fun()              
  }
}

b.say(a.say)           // fun.call(window) // 222
b.say = a.say
b.say()                // b.say.call(b) // 333