博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6的箭头函数
阅读量:5767 次
发布时间:2019-06-18

本文共 759 字,大约阅读时间需要 2 分钟。

ES6添加了箭头函数

表达式模式:

ES6

odds  = evens.map(v => v + 1)pairs = evens.map(v => ({ even: v, odd: v + 1 }))nums  = evens.map((v, i) => v + i)复制代码

ES5

odds  = evens.map(function (v) { return v + 1; });pairs = evens.map(function (v) { return { even: v, odd: v + 1 }; });nums  = evens.map(function (v, i) { return v + i; });复制代码

这种模式=>后跟的是一个表达式,也就是函数的返回值。

声明体模式:

ES6

nums.forEach(v => {   if (v % 5 === 0)       fives.push(v)})复制代码

ES5

nums.forEach(function (v) {   if (v % 5 === 0)       fives.push(v);});复制代码

这种模式=>后跟的是块级声明{},里面是函数体。

还有一点不同是this的指向,在箭头函数里this是指向其上级函数里的this,例如:

ES6

this.nums.forEach((v) => {    if (v % 5 === 0)        this.fives.push(v)})复制代码

ES5

var self = this;this.nums.forEach(function (v) {    if (v % 5 === 0)        self.fives.push(v);});复制代码

转载地址:http://mddux.baihongyu.com/

你可能感兴趣的文章
Migration to S/4HANA
查看>>
sed 对目录进行操作
查看>>
什么是代码
查看>>
移动端开发单位——rem,动态使用
查看>>
系列文章目录
查看>>
手把手教你如何提高神经网络的性能
查看>>
前端布局原理涉及到的相关概念总结
查看>>
递归调用 VS 循环调用
查看>>
使用sstream读取字符串中的数字(c++)
查看>>
树莓派下实现ngrok自启动
查看>>
javascript静态类型检测工具—Flow
查看>>
MachineLearning-Sklearn——环境搭建
查看>>
node学习之路(二)—— Node.js 连接 MongoDB
查看>>
Goroutine是如何工作的?
查看>>
《深入理解java虚拟机》学习笔记系列——垃圾收集器&内存分配策略
查看>>
TriggerMesh开源用于多云环境的Knative Event Sources
查看>>
GitLab联合DigitalOcean为开源社区提供GitLab CI免费托管
查看>>
通过XAML Islands使Windows桌面应用程序现代化
查看>>
区块链现状:从谨慎和批判性思维看待它(第二部分)
查看>>
苹果公司透露Siri新发音引擎的内部原理
查看>>