本文摘自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字符串大小写怎么转换
javascript如何表示空指针
javascript添加事件的三种方式
javascript怎么检查字符串是否包含某个子字符串
javascript怎么替换空格
javascript输出语句怎么打
如何更新javascript中的cookie?(代码示例)
javascript普通函数和箭头函数有什么区别?
javascript主要的循环有哪些
javascript match什么意思
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JS中定义函数的几种方法