Vue中箭头函数及this的指向

2021-02-22  本文已影响0人  hao_developer

1:无参写法

const obj = () => {
    console.log('obj')
}

2:单参写法

const obj = (num) => {
    console.log('obj')
    retrun num
}

或简写

const obj = num => {
    console.log('obj')
    retrun num
}

3:多参写法

多行代码
const obj = (num1,num2) => {
    console.log('obj')
    retrun num1 + num2
}

单行代码
const obj = (num1,num2) => num1 + num2

this指向说明

问题:箭头函数中的this是如何查找的?
答案:向外层作用域中,一层层查找this, 直到this的定义

const obj = {
    aaa(){
        setTimeout({
            console.log(this) //打印出window对象
        },1000)

        setTimeout(() => {
            console.log(this) //打印出obj对象
        },1000)
    }
}
上一篇下一篇

猜你喜欢

热点阅读