当前位置: 萬仟网 > IT编程>网页制作>Html5 > 箭头函数this指向

箭头函数this指向

2021年01月05日  | 萬仟网IT编程  | 我要评论
箭头函数this指向1、 什么是箭头函数箭头函数是ES6新增语法,在ES5中仅仅作为匿名函数的语法糖形式。语法形式:(argument1, argument2, ... argumentN) => { // function body}样例:const add = (a, b) => {return a + b;}注意:当参数列表只有一个参数时,可以省略小括号。当函数体中只有一条语句时,可以省略大括号。2、this指向注意:在默认情况,没找到直接

箭头函数this指向

1、 什么是箭头函数

箭头函数是ES6新增语法,在ES5中仅仅作为匿名函数的语法糖形式。
语法形式:

(argument1, argument2, ... argumentN) => {
  // function body
}

样例:

const add = (a, b) => {
return a + b;
}

注意:

  • 当参数列表只有一个参数时,可以省略小括号。

  • 当函数体中只有一条语句时,可以省略大括号。

2、this指向
注意:
在默认情况,没找到直接调用者,则this指的是 window ,(约定俗成)

<script>
    setTimeout(function() {
        console.log(this);  //window;默认指向
    },1000)

    setTimeout(()=> {
        console.log(this)  //window;指向父级作用域,
    })

    const obj = {
        aaa() {
            setTimeout(function (){
                setTimeout(function() {
                    console.log(this);  //window;默认指向
                })

                setTimeout(()=> {
                    console.log(this)  //window;指向父级作用域,然后默认指向
                })
            })

            setTimeout(()=> {
                setTimeout(function() {
                    console.log(this);  //window;默认指向
                })

                setTimeout(() => {
                    console.log(this);  //Object;指向父级作用域,指向父级作用域,然后指向object
                })
            })
        }
    }
//obj调用aaa
    obj.aaa()
</script>

7处作用域:
在这里插入图片描述

本文地址:https://blog.csdn.net/qq_46036048/article/details/112246063

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
Copyright © 2017-2021  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com