[JavaScript知识库]学习笔记 JavaScript ES6 箭头函数

学习内容：

• this指向定义时所在的对象，而不是调用时所在的对象
• 不可以当作构造函数
• 不可以使用arguments对象

this指向定义时所在的对象，而不是调用时所在的对象

先来回顾一下ES5当中如何定义函数：

function sum(x, y) {
    return x + y
}

console.log(sum(1, 2))

----
3

还有一种形式，把函数赋值给一个变量：

let sum = function(x, y) {
    return x + y
}

console.log(sum(1, 2))

----
3

以上两种方式的区别是，第一种定义函数的方法中，sum函数会被预定义，也就是说，无论是先定义再调用，还是先调用再定义都不会报错；第二种方法let定义的函数，只能先定义再调用，因为let不存在变量提升。

注意：src下面的代码会被webpack打包编译报错信息不明显，但如果放到static目录下就直接报错了，提示sum没有被定义

下面开始写箭头函数

---------------箭头函数左边是参数，右边是函数体---------------

1. 首先箭头函数不需要写function关键字
2. 然后在参数和函数体之间加一个等号大括号=>

let sum = (x, y) => {
    return x + y
}

console.log(sum(1, 2))

----
3

当函数体只有一行代码，{}可以省略不写，return关键字也可以省略，上面的代码等价于：

let sum = (x, y) => x + y

console.log(sum(1, 2))
----
3

今天先写到这里，睡觉。。。明天继续写，7'32''