首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

JavaScript ES6 箭頭函數語法詳解:參數與 this 綁定

     編輯:程式設計疑難解答

代碼示例

test = () => { console.log('Yup.'); }

問題: 中間的 () 代表什麼意思?

答案

這是 ES6 箭頭函數 語法。() 表示參數列表,此處為無參數。完整對應的 ES5 寫法如下:

test = function() {
    console.log('Yup.');
};

箭頭函數關鍵特性

特性說明
參數列表() 無參,(x) 單參可省略括號,(x, y) 多參必須加括號
函數體{ ... } 包含多條語句需加大括號並显式 return;單一表達式可省略大括號與 return
this 綁定詞法作用域:捕獲定義時上下文的 this,不隨調用方式改變
不可作為構造函數不能使用 new 調用,無 prototype 屬性
無 arguments 對象需使用剩餘參數 (...args) => { ... } 替代

常見變體

// 帶參數
const add = (a, b) => a + b;           // 隱式返回
const greet = name => { console.log(name); }; // 單參省略括號

// 物件字面量返回需加括號
const createUser = (id, name) => ({ id, name });

總結

() => { ... } 中的 () 即參數佔位符。箭頭函數簡化語法並修復 this 指向問題,是現代 JavaScript 開發的核心特性之一。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved