本文摘自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是什么格式的文件
js如何引入css外部文件
javascript中的数据类型和类型转换
javascript有几个对话框
如何理解javascript的对象
javascript如何实现异步
canvas中普通动效与粒子动效的实现 方法介绍(代码示例)
javascript数组中常用的操作介绍(代码示例)
javascript是啥
javascript如何设置width
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JS中定义函数的几种方法