如何在ES6中对箭头函数进行调用

　　介绍

如何在ES6中对箭头函数进行调用?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<>强基本用法:

ES6中允许使用“箭头”(=祝辞)定义函数

var  f =, v =祝辞,v,

上面代码相当于:

var  f =,函数(,v ), {, 　　,return  v; 　　}

<>强根据箭头函数有参数和无参数来区分

1,无参数的箭头函数

var  f =,(),=祝辞,5;

等同于

var  f =,()函数,{5},return 

2,有参数的箭头函数

var  sum =, (, a, b),=祝辞,a  +, b;

等同于

var  sum =,函数(,a, b), {, 　　,return  a  + b,, 　　}

有的函数体内的语句大于一条的话,它的写法如下使用一个大括号将其括起来,并使用返回语句返回

var  sum =, (a, b),=祝辞,{,return  a + b;}

由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象时,必须在对象外面加一个大括号

var  getFunction =, id =祝辞,({id, id:还以为;anme:,“Temp"});

箭头函数也可以与变量解构结合使用:

const  full =,({第一,,最后}),=祝辞,first  +“,“+,去年,

等同于

function 完整的(人),{, 　　,return  person.first  +“,“+, person.last;, 　　}

<强>使用箭头函数可以让函数表达的更加简洁

箭头函数的一个用处是简化回调函数

[1, 2, 3] . map(函数(x) {, 　　,return  x *; 　　});

使用箭头函数的写法

[1, 2, 3] . map (x =祝辞,x * x);

另一个例子

var  result =, values.sort(函数(a, b) {, 　　,return  a  - b; 　　});

箭头函数的写法

var  result =, values.sort ((a, b),=祝辞,a - b);

使用其他参数与箭头函数结合的例子

const  numbers =, (…num),=祝辞,num;, 　　数字(1,2,3,4,5,6,7,8,9);,//[1,2,3,4,5,6,7,8,9),//璶ums 表示的是一个数组, 　　const  headAndTail =,(头,大敌;……尾巴),=祝辞,(头,尾巴),, 　　headAndTail (1, 2, 3, 4, 5, 6, 7, 8, 9);//, (1), (2, 3, 4, 5, 6, 7, 8, 9]]

<强>使用箭头函数注意几点:

1,函数体内的这对象就是定义时所在的对象,而不是使用时所在对象,

2,不可以当作构造函数使用,也就是不能用新命令实例化一个对象,否则会抛出一个错误。

3,不可以使用参数对象,该对象在函数体内不存在,如果要用的话,可以用其他参数代替;

4,不可以使用收益率命令,箭头函数不能用作发电机函数;

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

如何在ES6中对箭头函数进行调用