this 有几种赋值情况，如何取值？

this 取值是在函数执行时确定的，不是在定义时

this 有几种赋值情况

• 作为普通函数
• 使用 call apply bind

function fn1() {
    console.log(this)
}
fn1() // window
fn1.call({x: 100}) // {x: 100}
fn1.apply({x: 200}) // {x: 200}
const fn2 = fn1.bind({x: 300})
fn2() // {x: 300}

• 作为对象方法被调用

const zhangsan = {
    name: '张三',
    sayHi() {
        // this 即当前对象
        console.log(this)
    },
    wait() {
        setTimeout(function () {
            // this === window
            console.log(this)
        })
    },
    waitAgain() {
        setTimeout(() => {
            // this 即当前对象
            console.log(this)
        })
    }
}
zhangsan.sayHi()
zhangsan.wait()
zhangsan.waitAgain()

• 在 class 方法中调用

class People {
    constructor(name) {
        this.name = name
    }
    sayHi() {
        console.log(this)
    }
}
const lisi = new  People('李四')
lisi.sayHi() // lisi 对象

• 箭头函数