欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6中箭頭函數(shù)的定義與調(diào)用方式詳解

 更新時間：2017年06月02日 08:46:25   作者：itpinpai  
這篇文章主要給大家介紹了關(guān)于ES6中箭頭函數(shù)的定義與調(diào)用方式的相關(guān)資料，文中通過示例代碼介紹的非常詳細，相信會對大家的學習或者工作帶來一定的幫助，需要的朋友們下面來一起看看吧。

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

基本用法：

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

var f = v => v;

上面代碼相當于：

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ù)表達的更加簡潔

箭頭函數(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ù)注意幾點：

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

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

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

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

總結(jié)

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

相關(guān)文章

最新評論