JS中定義函數(shù)的案例

JS中定義函數(shù)的案例？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

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. 對(duì)象屬性函數(shù)

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

// 簡(jiǎn)寫:
const object = {
  sum(a, b) { return a + b; },
};

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

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

10. 對(duì)象屬性的 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. 對(duì)象動(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;
  }
}

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)JS中定義函數(shù)的案例大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。