美文网首页
Vue中箭头函数及this的指向

Vue中箭头函数及this的指向

作者: hao_developer | 来源:发表于2021-02-22 16:58 被阅读0次

    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)
        }
    }
    

    相关文章

      网友评论

          本文标题:Vue中箭头函数及this的指向

          本文链接:https://www.haomeiwen.com/subject/narkfltx.html