JS中定义函数的案例?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
function sum(a, b) { return a + b; }
// 可以命名:
(function sum(a, b) { return a + b; });
// 也可匿名 (AVOID):
(function(a, b) { return a + b; });
// 也能分配给变量:
const sum = function sum(a, b) { return a + b; })
// 一般形式:
(a, b) => { return a + b };
// 单参数,一行返回:
name => name.split(' ')
// 多参数,一行返回:
(a, b) => a + b
// 单参数,带函数体
name => { return name.split(' '); }
function *sum(a, b) { yield a + b; }
async function sum(a, b) { return await a + b; }
new Function(‘a’, ‘b’, ‘return a + b;’);
// 默认导出
export default function(a, b) { return a + b; };
// 命名导出
export function sum(a, b) { return a + b; };
// 一般形式:
const object = {
sum: function(a, b) { return a + b; },
};
// 简写:
const object = {
sum(a, b) { return a + b; },
};
const functionName = "sum";
const object = {
[functionName]: function(a, b) { return a + b; },
};
// 一般形式:
const object = {
get answer { return 42; },
set answer(value) { /* 一些操作value的代码 */ },
};
// 使用 defineProperty
const obj = {};
Object.defineProperty(obj, "answer", {
get() { return 42; },
set(value) { /* 一些操作value的代码 */ },
});
const functionName = "answer";
const object = {
get [functionName]() { return 42; },
set [functionName](value) { /* 一些操作value的代码 */ },
};
class Compute {
// 一般形式:
sum(a, b) { return a + b; }
}
class Compute {
// 静态:
static sum(a, b) { return a + b; };
}
class Compute {
// 一般形式:
sum = function (a, b) { return a + b; };
}class Compute {
// 静态:
static sum = function(a, b) { return a + b; };
}
class Compute {
// 一般形式:
#sum(a, b) {
return a + b;
} // 静态:
static #sum(a, b) {
return a + b;
}
}
感谢各位的阅读!看完上述内容,你们对JS中定义函数的案例大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。