箭头函数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处作用域：