JS中定义函数的几种方法

你知道在 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; };

8. 对象属性函数

// 一般形式: 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;   } }

总结

如果你把这些方式中的某几个结合起来，还会有