JS中定义函数的几种方法


本文摘自PHP中文网,作者青灯夜游,侵删。

你知道在 JavaScript 中创建一个函数有多少种方式吗?下面本篇文章给大家介绍一下在 JavaScript 中定义函数的几种不同方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1. 声明函数

1

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

2. 表达式函数

1

2

3

4

5

6

7

8

// 可以命名:

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

 

// 也可匿名 (AVOID):

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

 

// 也能分配给变量:

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

3. 箭头函数

1

2

3

4

5

6

7

8

9

10

11

// 一般形式:

(a, b) => { return a + b };

 

// 单参数,一行返回:

name => name.split(' ')

 

// 多参数,一行返回:

(a, b) => a + b

 

// 单参数,带函数体

name => { return name.split(' '); }

4. 生成器函数

1

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

5. 异步函数

1

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

6. 构造函数(AVOID)

1

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

7. 导出函数

1

2

3

4

5

// 默认导出

export default function(a, b) { return a + b; };

 

// 命名导出

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

8. 对象属性函数

1

2

3

4

5

6

7

8

9

// 一般形式:

const object = {

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

};

 

// 简写:

const object = {

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

};

9. 对象动态属性函数

1

2

3

4

const functionName = "sum";

const object = {

  [functionName]: function(a, b) { return a + b; },

};

10. 对象属性的 Getter/Setter 函数

阅读剩余部分

相关阅读 >>

javascript的后缀是什么

h5新特性的用法:监听app自带的返回键

javascript会代替java吗

给大家分享九个 javascript 图片懒加载库

屏蔽javascript会怎样

了解浏览器渲染网页的每个步骤机制!

javascript加载:defer与async

javascript可以获取input的值吗

不能编辑javascript的程序有什么

javascript中onload和load的区别是什么?

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...