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 sqrt方法怎么用

java和javascript闭包的区别是什么

javascript怎么将整型数据转为字符串

如何利用nvm工具来管理node版本?方法介绍

javascript中的json方法有哪些

javascript如何计算除法

javascript是软件么

javascript中substr和substring的区别是什么

深入了解js中的原始类型(primitive type)

影响页面加载时间的5个常见错误

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




打赏

取消

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

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

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

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

评论

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