es6 箭頭函數

alexnevsky 發布于2019-08-20 17:22 / 1310人閱讀

摘要：正因為箭頭函數的指向固化指向定義該函數的對象，所以有利于封裝回調函數箭頭函數里面沒有此時輸出不可以使用命令

箭頭函數：
用法：

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

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

注意點：
1:箭頭函數函數體內的this指向的是定義該箭頭函數時所在的對象，而不是使用時所在的對象

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

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

//輸出結果為2（此時this指向test，如果不是箭頭函數的話，this指向的是window）


ps:箭頭函數的this指向固化是因為箭頭函數本身沒有this，*所以也就不能用作構造函數，就不能通過new來創建。*
   正因為箭頭函數的this指向固化（指向定義該函數的對象），所以有利于封裝回調函數

2：箭頭函數里面沒有arguments

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

3 不可以使用yield命令

GPU云服務器云服務器箭頭函數 ES6 es6-系列 ES6入門

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83531.html

es6 - 箭頭函數

摘要：也就是說箭頭函數的的值不再根據調用時上下文確定，而是像普通變量那樣根據定義時的作用域鏈進行查找。箭頭函數中的依然要根據定義時的作用域鏈進行查找。知乎這篇文章對箭頭函數的一些不適合的場景進行了總結，可以作為參考。 es6 - 箭頭函數哇，箭頭函數...，聽起來好NB，但是如果你知道它是因為使用了=>這樣類似箭頭的符號，所以才叫箭頭函數。瞬間感覺：呵，這名字起的...。 es6增加了...

13651657101 2019-08-26 11:46 評論0 收藏0
ES6學習筆記之箭頭函數

摘要：特性介紹箭頭函數是新增的特性之一，它為這門語言提供了一種全新的書寫函數的語法。用生成的函數會定義一個自己的，而箭頭函數沒有自己的，而是會和上一層的作用域共享。本文同步自我得博客：http://www.joeray61.com JS中的箭頭箭頭在JS里并不算是個新鮮的玩意兒，一直以來，JS都支持-->這樣的箭頭。很早的時候有些瀏覽器還不支持JS，當時的人們為了兼容這些瀏覽器，需要這...

Vultr 2019-08-19 18:12 評論0 收藏0
深入ES6：箭頭函數

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

MasonEast 2019-08-22 17:14 評論0 收藏0
ES6 箭頭函數從了解到深入

摘要：有傳聞說，箭頭函數的語法，是受到了的影響，并且它與中的語法一樣，共享上下文。箭頭函數是新增加的一個特性。箭頭函數沒有自己的值，其值是通過繼承其它傳入對象而獲得的通常來說是上一級外部函數的的指向。箭頭函數 1. 簡單的定義：胖箭頭函數 Fat arrow functions，又稱箭頭函數，是一個來自ECMAScript 2015（又稱ES6）的全新特性。有傳聞說，箭頭函數的語法=>，...

Eminjannn 2019-08-20 16:37 評論0 收藏0
ES6~你跟箭頭函數升華之路

摘要：箭頭函數簡單的定義胖箭頭函數，又稱箭頭函數，是一個來自又稱的全新特性。箭頭函數是新增加的一個特性。使用箭頭函數的注意點箭頭函數在參數和箭頭之間不能換行。值得注意的一點就是對象的指向是可變的，但在箭頭函數內是固定的。箭頭函數 1. 簡單的定義：胖箭頭函數 Fat arrow functions，又稱箭頭函數，是一個來自ECMAScript 2015（又稱ES6）的全新特性。有傳聞說，...

Faremax 2019-08-21 17:16 評論0 收藏0
關于ES6中箭頭函數的this問題

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

LeviDing 2019-08-22 10:53 評論0 收藏0