ES6基础--箭头函数详解

目录

        箭头函数使用方式

        箭头函数与普通函数区别

        箭头函数优点

---

        JavaScript在ES6中新增了箭头函数，相比较传统函数来说，箭头函数更加的简洁，故对箭头函数的使用做一个总结：

箭头函数使用方式

语法：

(argument1,argument2,...argumentN) => {

    //代码块

}

注意点：

        1.箭头函数定义包括一个参数列表，参数可以没有也可以是一个或者多个参数，如果参数只有一个可以不加括号，参数个数大于一个要用括号包围起来

        2.函数体只有一句话可以不加花括号

        3.函数体的花括号与return关键字同在，如果函数体没有花括号可以不写return

        4.箭头函数在参数和箭头之间不能换行

箭头函数与普通函数区别

1.箭头函数没有原型prototype，故箭头函数本身没有this

var a= () => {};
console.log(a.prototype);  //undefined

2.箭头函数不会创建自己的this，它从作用域上层继承this

        也就是指向在定义时，继承自外层第一个普通函数的this，故箭头函数的this在被定义时就已经确定。若箭头函数外层没有普通函数，它的this会指向