ES5中箭頭函數(shù)是什么

這篇文章主要介紹了ES5中箭頭函數(shù)是什么，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

什么是箭頭函數(shù)？

箭頭函數(shù)表達(dá)式的語(yǔ)法比函數(shù)表達(dá)式更簡(jiǎn)潔，并且沒有自己的this，arguments，super或new.target。箭頭函數(shù)表達(dá)式更適用于那些本來(lái)需要匿名函數(shù)的地方，并且它不能用作構(gòu)造函數(shù)。

//ES5 Versionvar getCurrentDate = function (){
  return new Date();}
  //ES6 Versionconst getCurrentDate = () => new Date();

在本例中，ES5 版本中有function(){}聲明和return關(guān)鍵字，這兩個(gè)關(guān)鍵字分別是創(chuàng)建函數(shù)和返回值所需要的。在箭頭函數(shù)版本中，我們只需要()括號(hào)，不需要 return 語(yǔ)句，因?yàn)槿绻覀冎挥幸粋€(gè)表達(dá)式或值需要返回，箭頭函數(shù)就會(huì)有一個(gè)隱式的返回。

//ES5 Versionfunction greet(name) {
  return 'Hello ' + name + '!';}
  //ES6 Versionconst greet = (name) => `Hello ${name}`;
  const greet2 = name => `Hello ${name}`;

我們還可以在箭頭函數(shù)中使用與函數(shù)表達(dá)式和函數(shù)聲明相同的參數(shù)。如果我們?cè)谝粋€(gè)箭頭函數(shù)中有一個(gè)參數(shù)，則可以省略括號(hào)。

const getArgs = () => argumentsconst getArgs2 = (...rest) => rest

箭頭函數(shù)不能訪問(wèn)arguments對(duì)象。所以調(diào)用第一個(gè)getArgs函數(shù)會(huì)拋出一個(gè)錯(cuò)誤。相反，我們可以使用rest參數(shù)來(lái)獲得在箭頭函數(shù)中傳遞的所有參數(shù)。

const data = {
  result: 0,
  nums: [1, 2, 3, 4, 5],
  computeResult() {
    // 這里的“this”指的是“data”對(duì)象
    const addAll = () => {
      return this.nums.reduce((total, cur) => total + cur, 0)
    };
    this.result = addAll();
  }};

箭頭函數(shù)沒有自己的this值。它捕獲詞法作用域函數(shù)的this值，在此示例中，addAll函數(shù)將復(fù)制computeResult 方法中的this值，如果我們?cè)谌肿饔糜蚵暶骷^函數(shù)，則this值為 window 對(duì)象。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“ES5中箭頭函數(shù)是什么”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!