箭头函数的声明和特性

1、this指向性问题

this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的。

但是：

箭头函数中，this是静态的，this始终指向函数声明时外层作用域下的this的值

<script>
    window.animal = "monkey";
    function say(){
        console.log(this.animal);
    }

    let say2 = () => {
        console.log(this.animal);
    };
    say(); // monkey
    say2(); // monkey

    const zoo = {
        animal: "duck"
    };

    say.call(zoo); // duck
    say2().call(zoo); // monkey
</script>

JavaScript中的call、apply方法：

1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。

2. 相同点：这两个方法的作用是一样的。

都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。

一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。

不同点：

call() 方法分别接受参数。

apply() 方法接受数组形式的参数。

如果要使用数组而不是参数列表，则 apply() 方法非常方便。

2、箭头函数不能作为构造函数实例化对象

<script>
    let Person = (name, age) => {
        this.name = name;
        this.age = age;
    };

    let xiaoming = new Person("xiao", '25');
    console.log(xiaoming)
</script>

Uncaught TypeError: Person is not a constructor

3、不能使用arguments变量

let fn = () => {
    console.log(arguments);
}
fn();

Uncaught ReferenceError: arguments is not defined

4、箭头函数的简写

<script>
    // 省略小括号，当形式参数有且只有一个的时候
    let add = n => {
        return n + n;
    };
    console.log(add(2));

    // 省略花括号：当代码体有且只有一条语句的时候，可以省略花括号，此时，return也必须一并省略，
    // 这条语句的执行结果就是函数的返回值
    let pow = n => n * n;
    console.log(pow(2));
</script>