es6 箭頭函數(shù)

alexnevsky 發(fā)布于2019-08-20 17:22 / 1315人閱讀

摘要：正因?yàn)榧^函數(shù)的指向固化指向定義該函數(shù)的對(duì)象，所以有利于封裝回調(diào)函數(shù)箭頭函數(shù)里面沒(méi)有此時(shí)輸出不可以使用命令

箭頭函數(shù)：
用法：

var a=()=> 5;
var b=(sum1,sum2)=> sum1+sum2
//多行代碼
var c=(sum1,sum2)=>{sum1=sum1+1;sum2=sum2+2;return sum1+sum2}
//返回對(duì)象
var d=id=>({
       id：id,
       name:"jack",
})
//與變量解構(gòu)結(jié)合使用
var e=({id：‘001’,name：‘jack’})=>id+" "+name

用處：簡(jiǎn)化回調(diào)、有利于封裝回調(diào)（注意點(diǎn)1會(huì)講）
[0,1,2,3].map(i=>i*10)

注意點(diǎn)：
1:箭頭函數(shù)函數(shù)體內(nèi)的this指向的是定義該箭頭函數(shù)時(shí)所在的對(duì)象，而不是使用時(shí)所在的對(duì)象

例如：
function test（）{
    setTimeout(()=>{console.log{this.id}},1000)
}

var id="1"
test.call({id:"2"})

//輸出結(jié)果為2（此時(shí)this指向test，如果不是箭頭函數(shù)的話，this指向的是window）


ps:箭頭函數(shù)的this指向固化是因?yàn)榧^函數(shù)本身沒(méi)有this，*所以也就不能用作構(gòu)造函數(shù)，就不能通過(guò)new來(lái)創(chuàng)建。*
   正因?yàn)榧^函數(shù)的this指向固化（指向定義該函數(shù)的對(duì)象），所以有利于封裝回調(diào)函數(shù)

2：箭頭函數(shù)里面沒(méi)有arguments

function test（）{
     setTimeout(()=>{console.log(arguments)},1000)
}
test(1,2)
//此時(shí)輸出[1,2]

3 不可以使用yield命令

GPU云服務(wù)器云服務(wù)器箭頭函數(shù) ES6 es6-系列 ES6入門

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83531.html

相關(guān)文章

es6 - 箭頭函數(shù)

摘要：也就是說(shuō)箭頭函數(shù)的的值不再根據(jù)調(diào)用時(shí)上下文確定，而是像普通變量那樣根據(jù)定義時(shí)的作用域鏈進(jìn)行查找。箭頭函數(shù)中的依然要根據(jù)定義時(shí)的作用域鏈進(jìn)行查找。知乎這篇文章對(duì)箭頭函數(shù)的一些不適合的場(chǎng)景進(jìn)行了總結(jié)，可以作為參考。 es6 - 箭頭函數(shù) 哇，箭頭函數(shù)...，聽(tīng)起來(lái)好NB，但是如果你知道它是因?yàn)槭褂昧?>這樣類似箭頭的符號(hào) ，所以才叫箭頭函數(shù)。瞬間感覺(jué)：呵，這名字起的...。 es6增加了...

13651657101 2019-08-26 11:46 評(píng)論0 收藏0
ES6學(xué)習(xí)筆記之箭頭函數(shù)

摘要：特性介紹箭頭函數(shù)是新增的特性之一，它為這門語(yǔ)言提供了一種全新的書寫函數(shù)的語(yǔ)法。用生成的函數(shù)會(huì)定義一個(gè)自己的，而箭頭函數(shù)沒(méi)有自己的，而是會(huì)和上一層的作用域共享。本文同步自我得博客：http://www.joeray61.com JS中的箭頭箭頭在JS里并不算是個(gè)新鮮的玩意兒，一直以來(lái)，JS都支持-->這樣的箭頭。很早的時(shí)候有些瀏覽器還不支持JS，當(dāng)時(shí)的人們?yōu)榱思嫒葸@些瀏覽器，需要這...

Vultr 2019-08-19 18:12 評(píng)論0 收藏0
深入ES6：箭頭函數(shù)

摘要：令人震驚的箭頭函數(shù)引入了寫入函數(shù)的新語(yǔ)法。使用箭頭函數(shù)創(chuàng)建簡(jiǎn)單對(duì)象時(shí)有一個(gè)警告。代碼因此被默默地解釋為一個(gè)不執(zhí)行任何操作并返回未定義的箭頭函數(shù)。內(nèi)部函數(shù)是一個(gè)箭頭函數(shù)，所以它從封閉范圍繼承此函數(shù)。箭頭從一開(kāi)始就一直是JavaScript的一部分。第一個(gè)JavaScript教程建議在HTML注釋中包裝內(nèi)聯(lián)腳本。這會(huì)阻止不支持JS的瀏覽器錯(cuò)誤地將JS代碼顯示為文本。你會(huì)寫這樣的東西： ...

MasonEast 2019-08-22 17:14 評(píng)論0 收藏0
ES6 箭頭函數(shù) 從了解到深入

摘要：有傳聞?wù)f，箭頭函數(shù)的語(yǔ)法，是受到了的影響，并且它與中的語(yǔ)法一樣，共享上下文。箭頭函數(shù)是新增加的一個(gè)特性。箭頭函數(shù)沒(méi)有自己的值，其值是通過(guò)繼承其它傳入對(duì)象而獲得的通常來(lái)說(shuō)是上一級(jí)外部函數(shù)的的指向。箭頭函數(shù) 1. 簡(jiǎn)單的定義：胖箭頭函數(shù) Fat arrow functions，又稱箭頭函數(shù)，是一個(gè)來(lái)自ECMAScript 2015（又稱ES6）的全新特性。有傳聞?wù)f，箭頭函數(shù)的語(yǔ)法=>，...

Eminjannn 2019-08-20 16:37 評(píng)論0 收藏0
ES6~你跟箭頭函數(shù)升華之路

摘要：箭頭函數(shù)簡(jiǎn)單的定義胖箭頭函數(shù)，又稱箭頭函數(shù)，是一個(gè)來(lái)自又稱的全新特性。箭頭函數(shù)是新增加的一個(gè)特性。使用箭頭函數(shù)的注意點(diǎn)箭頭函數(shù)在參數(shù)和箭頭之間不能換行。值得注意的一點(diǎn)就是對(duì)象的指向是可變的，但在箭頭函數(shù)內(nèi)是固定的。箭頭函數(shù) 1. 簡(jiǎn)單的定義：胖箭頭函數(shù) Fat arrow functions，又稱箭頭函數(shù)，是一個(gè)來(lái)自ECMAScript 2015（又稱ES6）的全新特性。有傳聞?wù)f，...

Faremax 2019-08-21 17:16 評(píng)論0 收藏0
關(guān)于ES6中箭頭函數(shù)的this問(wèn)題

摘要：對(duì)象的指向是可變的，但是在箭頭函數(shù)中，它是固定的。同樣的由于箭頭函數(shù)沒(méi)有自己的所以傳統(tǒng)的顯性綁定無(wú)效內(nèi)部的指向外部在的學(xué)習(xí)中，的指向問(wèn)題一直是個(gè)難點(diǎn)，特別是在對(duì)象方法中使用時(shí)，必須更加小心。由此箭頭函數(shù)在很大程度上減少了我們的困擾。什么是箭頭函數(shù) 用法 ES6 允許使用箭頭（=>）定義函數(shù) 測(cè)試 var p1 = document.getElementById(test1)...

LeviDing 2019-08-22 10:53 評(píng)論0 收藏0