你知道在 JavaScript 中建立函數有多少種方式嗎？以下這篇文章要為大家介紹一下在 JavaScript 中定義函數的幾種不同方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。
1. 宣告函數###
function sum(a, b) { return a + b; }2.表達式函數
// 可以命名:
(function sum(a, b) { return a + b; });
// 也可匿名 (AVOID):
(function(a, b) { return a + b; });
// 也能分配给变量：
const sum = function sum(a, b) { return a + b; })3.箭頭函數
// 一般形式:
(a, b) => { return a + b };
// 单参数，一行返回：
name => name.split(' ')
// 多参数，一行返回：
(a, b) => a + b
// 单参数，带函数体
name => { return name.split(' '); }#4. 生成器函數
function *sum(a, b) { yield a + b; }5. 非同步函數
async function sum(a, b) { return await a + b; }#6. 建構子（AVOID）
new Function(‘a’, ‘b’, ‘return a + b;’);
#7.匯出函數
// 默认导出
export default function(a, b) { return a + b; };
// 命名导出
export function sum(a, b) { return a + b; };// 一般形式:
const object = {
sum: function(a, b) { return a + b; },
};
// 简写:
const object = {
sum(a, b) { return a + b; },
};9. 物件動態屬性函數
const functionName = "sum";
const object = {
[functionName]: function(a, b) { return a + b; },
};10. 物件屬性的Getter/Setter 函數
// 一般形式:
const object = {
get answer { return 42; },
set answer(value) { /* 一些操作value的代码 */ },
};
// 使用 defineProperty
const obj = {};
Object.defineProperty(obj, "answer", {
get() { return 42; },
set(value) { /* 一些操作value的代码 */ },
});11. 物件動態屬性的Getter/Setter 函數
const functionName = "answer";
const object = {
get [functionName]() { return 42; },
set [functionName](value) { /* 一些操作value的代码 */ },
};12. 類別方法函數
class Compute {
// 一般形式:
sum(a, b) { return a + b; }
}
class Compute {
// 静态:
static sum(a, b) { return a + b; };
}13. 類別屬性函數
class Compute {
// 一般形式:
sum = function (a, b) { return a + b; };
}class Compute {
// 静态:
static sum = function(a, b) { return a + b; };
}#14. 類別私有函數
class Compute {
// 一般形式:
#sum(a, b) {
return a + b;
} // 静态:
static #sum(a, b) {
return a + b;
}
}如果你把這些方式中的某幾個結合起來，還會有更多的可能性。 你知道還有哪些方法嗎，請留言告訴我。
相關免費學習推薦：js影片教學
#
以上是JS中定義函數的幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
