本文主要介紹的是關(guān)于ES6箭頭函數(shù)的定義與調(diào)用方式的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面來看看詳細(xì)的介紹：

基本用法：

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

var f = v => v; 

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

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

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

1、無參數(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)的語句大于一條的話，它的寫法如下使用一個大括號將其括起來，并使用return語句返回

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

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

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á)的更加簡潔

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

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

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

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

另一個例子

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 表示的是一個數(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對象就是定義時所在的對象，而不是使用時所在對象；

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

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

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

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對武林網(wǎng)的支持。