首页 > 生活服务 > 程序猿源

程序猿源

浅谈js定义function的几种方式

管理员 2年前 1565浏览

以下对函数的三种定义方式是一个意思:

const hello1 = function (firstname) {
  return `Hello ${firstname}`;
};
 
const hello2 = (firstname) => {
  return `Hello ${firstname}`;
};
 
const hello3 = firstname => `Hello ${firstname}`; // (°~°)


下面我们用数组的.map()方法的callback调用,来体会以上三种定义函数的方式。

const test = [1, 2, 3];
 
function doubler (x) {
  return x * 2;
}
test.map(doubler);                          // [2, 4, 6]
 
test.map(function (x) { return x * 2; });   // [2, 4, 6]
 
test.map((x) => { return x * 2; });         // [2, 4, 6]
 
test.map(x => x * 2);                       // [2, 4, 6] Bingo!




版权声明:本文为原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
关注微信公众号:"cq_xifan";

评论

收藏

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

Powered By 重庆饭哥 © 2014-2022 教学资源分享站 渝ICP备20005643号-1

相信有一天,理想主义终将所向披靡.

Design by © 2021 XIFAN. Powered by 重庆饭哥

站点声明: 本站转载作品版权归原作者及来源网站所有,原创内容作品版权归作者所有,任何内容转载、商业用途等均须联系原作者并注明来源。

友情链接: 官方网站 饭哥在线工具 饭哥导航 在线运行 博客交流社区 重庆艺术工程职业学院