JS中定义函数的几种办法
发布时间:10/01 来源:未知 浏览:
关键词:
你知道在 JavaScript 中创立一个函数有多少种方式吗?下面本篇文章给大家介绍一下在 JavaScript 中定义函数的几种不一样办法。有必然的参照 价值,有需要的伴侣可以参照 一下,但愿对大家有所帮忙。
1. 声明函数
function sum(a, b) { return a + b; }
2. 表达式函数
// 可以命名: (function sum(a, b) { return a + b; }); // 也可匿名 (AVOID): (function(a, b) { return a + b; }); // 也能分配给变量: const sum = function sum(a, b) { return a + b; })
3. 箭头函数
// 一样情势: (a, b) => { return a + b }; // 单参数,一行返回: name => name.split(' ') // 多参数,一行返回: (a, b) => a + b // 单参数,带函数体 name => { return name.split(' '); }
4. 生成器函数
function *sum(a, b) { yield a + b; }
5. 异步函数
async function sum(a, b) { return await a + b; }
6. 结构函数(AVOID)
new Function(‘a’, ‘b’, ‘return a + b;’);
7. 输出函数
// 默许输出 export default function(a, b) { return a + b; }; // 命名输出 export function sum(a, b) { return a + b; };
8. 对象属性函数
// 一样情势: const object = { sum: function(a, b) { return a + b; }, }; // 简写: const object = { sum(a, b) { return a + b; }, };
9. 对象动态属性函数
const functionName = "sum"; const object = { [functionName]: function(a, b) { return a + b; }, };
10. 对象属性的 Getter/Setter 函数
// 一样情势: const object = { get answer { return 42; }, set answer(value) { /* 一些操纵value的代码 */ }, }; // ?使用 defineProperty const obj = {}; Object.defineProperty(obj, "answer", { get() { return 42; }, set(value) { /* 一些操纵value的代码 */ }, });
11. 对象动态属性的 Getter/Setter 函数
const functionName = "answer"; const object = { get [functionName]() { return 42; }, set [functionName](value) { /* 一些操纵value的代码 */ }, };
12. 类办法函数
class Compute { // 一样情势: sum(a, b) { return a + b; } } class Compute { // 静态: static sum(a, b) { return a + b; }; }
13. 类属性函数
class Compute { // 一样情势: sum = function (a, b) { return a + b; }; }class Compute { // 静态: static sum = function(a, b) { return a + b; }; }
14. 类私有函数
class Compute { // 一样情势: #sum(a, b) { return a + b; } // 静态: static #sum(a, b) { return a + b; } }
总结
假如你把这些方式中的某几个结合起来,还会有更多的大概性。 你知道还是什么办法吗,请留言告诉我。
相关免费学习引荐:js视频教程
以上就是JS中定义函数的几种办法的具体内容,更多请关注百分百源码网其它相关文章!