本文摘自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的后缀是什么
h5新特性的用法:监听app自带的返回键
javascript会代替java吗
给大家分享九个 javascript 图片懒加载库
屏蔽javascript会怎样
了解浏览器渲染网页的每个步骤机制!
javascript加载:defer与async
javascript可以获取input的值吗
不能编辑javascript的程序有什么
javascript中onload和load的区别是什么?
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JS中定义函数的几种方法