如何在ES6中對(duì)箭頭函數(shù)進(jìn)行調(diào)用？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)自2013年起，先為萊州等服務(wù)建站，萊州等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為萊州企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

基本用法：

ES6中允許使用“箭頭”(=>)定義函數(shù)

var f = v => v;

上面代碼相當(dāng)于：

var f = function( v ) { 
 return v; 
}

根據(jù)箭頭函數(shù)有參數(shù)和無(wú)參數(shù)來區(qū)分

1、無(wú)參數(shù)的箭頭函數(shù)

var f = () => 5;

等同于

var f = function() { return 5};

2、有參數(shù)的箭頭函數(shù)

var sum = ( a, b) => a + b;

等同于

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

有的函數(shù)體內(nèi)的語(yǔ)句大于一條的話，它的寫法如下使用一個(gè)大括號(hào)將其括起來，并使用return語(yǔ)句返回

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

由于大括號(hào)被解釋為代碼塊，所以如果箭頭函數(shù)直接返回一個(gè)對(duì)象時(shí)，必須在對(duì)象外面加一個(gè)大括號(hào)

var getFunction = id => ({id: id, anme: "Temp"});

箭頭函數(shù)也可以與變量解構(gòu)結(jié)合使用：

const full = ({first, last}) => first +" "+ last;

等同于

function full(person) { 
 return person.first +" "+ person.last; 
}

使用箭頭函數(shù)可以讓函數(shù)表達(dá)的更加簡(jiǎn)潔

箭頭函數(shù)的一個(gè)用處是簡(jiǎn)化回調(diào)函數(shù)

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

使用箭頭函數(shù)的寫法

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

另一個(gè)例子

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

箭頭函數(shù)的寫法

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

使用rest參數(shù)與箭頭函數(shù)結(jié)合的例子

const numbers = (...nums) => nums; 
numbers(1,2,3,4,5,6,7,8,9); //[1,2,3,4,5,6,7,8,9] 
//...nums 表示的是一個(gè)數(shù)組 
const headAndTail = ( head, ...tail) => [head, tail]; 
headAndTail(1,2,3,4,5,6,7,8,9);// [1, [2,3,4,5,6,7,8,9]]

使用箭頭函數(shù)注意幾點(diǎn)：

1、函數(shù)體內(nèi)的this對(duì)象就是定義時(shí)所在的對(duì)象，而不是使用時(shí)所在對(duì)象；

2、不可以當(dāng)作構(gòu)造函數(shù)使用，也就是不能用new命令實(shí)例化一個(gè)對(duì)象，否則會(huì)拋出一個(gè)錯(cuò)誤；

3、不可以使用arguments對(duì)象，該對(duì)象在函數(shù)體內(nèi)不存在，如果要用的話，可以用rest參數(shù)代替；

4、不可以使用yield命令，箭頭函數(shù)不能用作Generator函數(shù)；

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。