箭头函数的应用

箭头函数表达式的语法比函数表达式更短,并且没有自己的thisargumentssupernew.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。
// 空的箭头函数返回 undefined

let empty = () => {};

(() => 'foobar')();
// Returns "foobar"
// (这是一个立即执行函数表达式,可参阅 'IIFE'术语表)

var simple = a => a > 15 ? 15 : a;
simple(16); // 15
simple(10); // 10

let max = (a, b) => a > b ? a : b;

// Easy array filtering, mapping, ...

var arr = [5, 6, 13, 0, 1, 18, 23];
var sum = arr.reduce((a, b) => a + b);
// 66
var even = arr.filter(v => v % 2 == 0);
// [6, 0, 18]
var double = arr.map(v => v * 2);
// [10, 12, 26, 0, 2, 36, 46]

// 更简明的promise链
promise.then(a => {
// ...
}).then(b => {
// ...
});

// 无参数箭头函数在视觉上容易分析
setTimeout( () => {
console.log('I happen sooner');
setTimeout( () => {
// deeper code
console.log('I happen later');
}, 1);
}, 1);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Robyn_Luo阅读 1,342评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,202评论 0 2
  • 荒芜的田野尽头,一片梅花林 凛冽的风,驱散了温暖,吹落了树叶,赶走了献殷勤的蝴蝶和蜜蜂 无人知道,为何她开在这最冷...
    毛毛虫妈咪阅读 1,792评论 1 4
  • 如果你想在某个固定的文件夹内 新建一个文本文档,首先需要先打开文本文档工具。然后写点东西,保存的时候 我又得找到这...
    孤酒独酌阅读 6,997评论 0 0
  • 2018年9月30日 星期日 晴 早上一觉睡醒看到上海前boss领证,一票人在盆友圈点赞。我下意识的看了日历,今天...
    森寅阅读 1,441评论 0 0

友情链接更多精彩内容