本文摘自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 sqrt方法怎么用
java和javascript闭包的区别是什么
javascript怎么将整型数据转为字符串
如何利用nvm工具来管理node版本?方法介绍
javascript中的json方法有哪些
javascript如何计算除法
javascript是软件么
javascript中substr和substring的区别是什么
深入了解js中的原始类型(primitive type)
影响页面加载时间的5个常见错误
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JS中定义函数的几种方法