你知道在 JavaScript 中創(chuàng)建一個(gè)函數(shù)有多少種方式嗎？下面本篇文章給大家介紹一下在 JavaScript 中定義函數(shù)的幾種不同方法。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對大家有所幫助。

1. 聲明函數(shù)

function sum(a, b) { return a + b; }

2. 表達(dá)式函數(shù)

// 可以命名: (function sum(a, b) { return a + b; });  // 也可匿名 (AVOID): (function(a, b) { return a + b; });  // 也能分配給變量： const sum = function sum(a, b) { return a + b; })

3. 箭頭函數(shù)

// 一般形式: (a, b) => { return a + b };  // 單參數(shù)，一行返回： name => name.split(' ')  // 多參數(shù)，一行返回： (a, b) => a + b  // 單參數(shù)，帶函數(shù)體 name => { return name.split(' '); }

4. 生成器函數(shù)

function *sum(a, b) { yield a + b; }

5. 異步函數(shù)

async function sum(a, b) { return await a + b; }

6. 構(gòu)造函數(shù)（AVOID）

new Function(‘a(chǎn)’, ‘b’, ‘return a + b;’);

7. 導(dǎo)出函數(shù)

// 默認(rèn)導(dǎo)出 export default function(a, b) { return a + b; };  // 命名導(dǎo)出 export function sum(a, b) { return a + b; };

8. 對象屬性函數(shù)

// 一般形式: const object = {   sum: function(a, b) { return a + b; }, };  // 簡寫: const object = {   sum(a, b) { return a + b; }, };

9. 對象動(dòng)態(tài)屬性函數(shù)

const functionName = "sum"; const object = {   [functionName]: function(a, b) { return a + b; }, };

10. 對象屬性的 Getter/Setter 函數(shù)

// 一般形式: const object = {   get answer { return 42; },   set answer(value) { /* 一些操作value的代碼 */ }, };  // ?使用 defineProperty const obj = {}; Object.defineProperty(obj, "answer", {   get() { return 42; },   set(value) { /* 一些操作value的代碼 */ }, });

11. 對象動(dòng)態(tài)屬性的 Getter/Setter 函數(shù)

const functionName = "answer"; const object = {   get [functionName]() { return 42; },   set [functionName](value) { /* 一些操作value的代碼 */ }, };

12. 類方法函數(shù)

class Compute {   // 一般形式:   sum(a, b) { return a + b; } }  class Compute {   // 靜態(tài):   static sum(a, b) { return a + b; }; }

13. 類屬性函數(shù)

class Compute {   // 一般形式:   sum = function (a, b) { return a + b; }; }class Compute {   // 靜態(tài):   static sum = function(a, b) { return a + b; }; }

14. 類私有函數(shù)

class Compute {   // 一般形式:   #sum(a, b) {     return a + b;   }  // 靜態(tài):   static #sum(a, b) {     return a + b;   } }

總結(jié)

如果你把這些方式中的某幾個(gè)結(jié)合起來，還會(huì)有