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

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

ES6标准新增了一种新的函数:Arrow Function(箭头函数)。

箭头函数与传统的JavaScript函数主要区别在于以下几点:

1、对 this 的关联。函数内置 this 的值,取决于箭头函数在哪儿定义,而非箭头函数执行的上下文环境。

2 、new 不可用。箭头函数不能使用 new 关键字来实例化对象,不然会报错。
3、this 不可变。函数内置 this 不可变,在函数体内整个执行环境中为常量。
4、没有arguments对象。更不能通过arguments对象访问传入参数。只能使用显式命名或其他ES6新特性来完成。

这些差异的存在是有理可循的。首先,对this的绑定是JavaScript错误的常见来源之一。容易丢失函数内置数值,或得出意外结果。其次,将箭头函数限制为使用固定this引用,有利于JavaScript引擎优化处理。

语法:

箭头函数的语法很简单,定义自变量,然后是箭头和函数主体。

1、不引入参数:

 

 
2、引入单个参数:

 

 

传一个参数就直接写就好了,不用加小括号。

句,所以也不用加大括号。
函数构造完毕赋给reflect加以引用。

3、引入多个参数,则应加上小括号

 

 
4、若你想使用标准的函数体,或者函数体内可能有更多的语句要执行,则要用大括号将函数体括起来,并明确定义返回值。

 

 

大括号内的部分基本等同于传统函数

5、箭头函数若要返回自定义对象的话,就必须用小括号把该对象括起来先
 

 

用小括号包含大括号则是对象的定义,而非函数主体

转载于:https://www.cnblogs.com/huancheng/p/9447764.html

你可能感兴趣的文章
前后端导出/下载excel方法
查看>>
JVM之垃圾回收与内存动态分配
查看>>
Numpy中的广播原则/机制
查看>>
DOM编程系列之事件
查看>>
小程序加载svg图片
查看>>
JavaScript面向对象编程-多态
查看>>
sequelize 管理查询——一对一关联查询
查看>>
PHP下kafka的常用脚本实践
查看>>
AJAX
查看>>
百度地图绘制点、图形
查看>>
PHP 文件系统完全指南
查看>>
PyQt5,RadioButton
查看>>
js设计模式(二)-工厂模式
查看>>
前端技术周刊 2018-08-13:Web Components
查看>>
kube-proxy源码解析
查看>>
REM,你这磨人的小妖精!
查看>>
聊聊HystrixConcurrencyStrategy
查看>>
PHP多进程系列笔记(一)
查看>>
深析Vue双向数据绑定(MVVM模型)
查看>>
【跃迁之路】【485天】程序员高效学习方法论探索系列(实验阶段242-2018.06.05)...
查看>>