您现在的位置:首页 >> 前端 >> 内容

什么是箭头函数?箭头函数实例

时间:2017/11/13 9:33:52 点击:

  核心提示:箭头函数表达式的语法比函数表达式更短,并且不绑定自己的this,arguments,super或 new.target。箭头函数与传统函数最大的不同之处在,禁用new操作。将箭头函数限制为使用固定th...

箭头函数表达式的语法比函数表达式更短,并且不绑定自己的this,arguments,super或 new.target。箭头函数与传统函数最大的不同之处在,禁用new操作。

将箭头函数限制为使用固定this引用,有利于JavaScript引擎优化处理。

其实箭头函数本身没有this,而自身的this会在函数声明的时候做绑定,它是根据上级的function中的this来做绑定的

let f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c;
f();  
// 6

箭头功能可以有一个“简写体”或常见的“块体”。

在一个简写体中,只需要一个表达式,并附加一个隐式的返回值。

在一个块体中,必须使用明确的return语句。

var func = x => x * x;                  
// 简写函数 省略return

var func = (x, y) => { return x + y; }; 
// 常规编写 明确的返回值

注意:箭头函数在参数和箭头之间不能换行。

作者:网络 来源:Ablaze 的专栏