本文摘自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; });
( 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怎么改变src
javascript中window.close如何不提示弹窗
javascript怎么将数组转为json格式
javascript怎么实现页面关闭
javascript删除字符串最后一个字符
你不太了解的json
详解javascript中async/await是如何工作的
自动清理js、css文件的缓存方法
javascript怎么保留两位小数
javascript如何删除array数组元素
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JS中定义函数的几种方法