ES6学习——箭头函数
2017-05-25 15:08
323 查看
定义:(params1,params2,params3..)=>{expressions}
其中()中的内容为传入箭头函数的参数,{}为函数内的内容。
规范:1、参数部分:
1)如果有多个参数,不能省略(),如果参数个数不明,可以用...rest表示,但是...rest必须放在最后
2)如果只有一个参数,可以省略()
3) 如果没有参数,那么可以用(),_表示 eg:() = > {}, _ = > {}
2、函数体部分:如果没有{},则不用指定return
特性:1)箭头函数没有自己的this,即不生成自己独立的上下文环境。在函数体里面的this,捕捉上一层的上下文
2)类比于没有自己的this,箭头函数没有自己的arguments,如果函数体内需要使用到arguments,则会向上搜索到最近的名为arguments的变量。
3) 在箭头函数里面不能使用yield 并且箭头函数不能作为构造器
代码规范:
1)当必须使用函数表达式或者传递一个匿名函数时,使用箭头函数
2)如果函数适合于在一行写完,那么省略花括号,圆括号和return,否则不要省略。
最后:箭头函数的设计目的在于简化函数的书写,在链式调用和讲函数作为参数传递的时候,更加简洁。所以箭头函数的应用场景往往是map(),reduce,filter()等组合函数中,或者在promise调用链中使用。
其中()中的内容为传入箭头函数的参数,{}为函数内的内容。
规范:1、参数部分:
1)如果有多个参数,不能省略(),如果参数个数不明,可以用...rest表示,但是...rest必须放在最后
2)如果只有一个参数,可以省略()
3) 如果没有参数,那么可以用(),_表示 eg:() = > {}, _ = > {}
2、函数体部分:如果没有{},则不用指定return
特性:1)箭头函数没有自己的this,即不生成自己独立的上下文环境。在函数体里面的this,捕捉上一层的上下文
let a = 10; let fun = function(x){ this.a = 2; return ()=>{return this.a + x} } let f = fun(2); f(); // 4,捕捉的是fun的this因为这个特性,对于箭头函数应用call和apply,实际上只是把参数传递过去,还是会捕捉上层的this。
var c = { a : 1, add : function(v){ var f = v=> v+this.a; var b = { a : 3}; return f.call(b,v); } }; console.log(c.add(2)); //3
2)类比于没有自己的this,箭头函数没有自己的arguments,如果函数体内需要使用到arguments,则会向上搜索到最近的名为arguments的变量。
var arguments = "heihei" var arr = ()=>arguments; console.log(arr()); // "heihei" var fun = function(){ let f = v=>arguments[0]+2; return f; } console.log((fun(2))()); // 4
3) 在箭头函数里面不能使用yield 并且箭头函数不能作为构造器
代码规范:
1)当必须使用函数表达式或者传递一个匿名函数时,使用箭头函数
2)如果函数适合于在一行写完,那么省略花括号,圆括号和return,否则不要省略。
最后:箭头函数的设计目的在于简化函数的书写,在链式调用和讲函数作为参数传递的时候,更加简洁。所以箭头函数的应用场景往往是map(),reduce,filter()等组合函数中,或者在promise调用链中使用。
相关文章推荐
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- ECMAScript 6 学习系列课程 (ES6 箭头函数的使用)
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- ES6学习总结之函数变化(函数默认参数,扩展运算符,箭头函数)
- es6学习第1天,箭头函数 块级作用域
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- ECMAScript 学习笔记(2)--ES6新增let、箭头函数理解
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- ES6学习6章:函数的扩展(箭头函数)
- ES6学习------箭头函数
- ES6学习记录之class, extends, super和箭头函数与this
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录
- es6中箭头函数学习的一个记录