美文网首页
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 2 method 的this 失效

    不能用箭头函数,剪头函数的this不指向vue 实例

  • Vue中箭头函数及this的指向

    1:无参写法 2:单参写法 3:多参写法 this指向说明 问题:箭头函数中的this是如何查找的?答案:向外层作...

  • es6 箭头函数的this指向

    箭头函数在创建时确定了this指向。 下方例子中,箭头函数创建时this指向window,调用时也就指向了window

  • REACT 中事件处理函数传递参数的两种方式

    第一种是箭头函数传参 箭头函数没有this指向,默认是继承外部上下的this,所以箭头函数中的this指向的就是组...

  • ES6新特性(更新篇)

    首先感谢Carnia帮我指出ES6箭头函数中this指向的错误,此次主要更新箭头函数中this指向问题。 ECMA...

  • 箭头函数

    1,箭头函数定义 2,Es6 中箭头函数参数与返回值简写 补充 3,箭头函数中 this 指向 注:箭头函数中的t...

  • 箭头函数与普通函数的区别

    1.this指向不同 普通函数中的this指向 是在调用函数的时候确定的;箭头函数中的this指向 在定义函数的时...

  • this

    在箭头函数中,就算是setTimeout()方法中,this指向的也是函数所在作用域的对象 非箭头函数中,this...

  • vue中的钩子函数

    注意:不要在钩子函数中使用箭头函数,因为钩子函数的上下文指向的就是vue,而箭头函数的this为上一级的作用域上下...

  • 箭头函数中的this指向

    在window中定义的方法,es5和es6的this都一样指向window 在事件处理中的this指向 在对象方法...

网友评论

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

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