深入浅出ES6新特性之函数默认参数和箭头函数
更新时间：2016年08月01日 09:56:17 作者：振小文
这篇文章主要介绍了深入浅出ES6新特性之函数默认参数和箭头函数 的相关资料,需要的朋友可以参考下
1、函数参数的默认值
ES5中不能直接为函数的参数指定默认值，只能通过以下的变通方式：
从上面的代码可以看出存在一个问题，当传入的参数为0或者false时，会直接取到后面的值，而不是传入的这个参数值。
那怎么解决呢？对于上图的代码，可以通过判断是否传入了num参数，没有就用默认值：
这种做法还是很麻烦的，而ES6则直接在参数定义里面设置函数参数的默认值，而且不用担心传入参数是0或者false会出错了：
2、箭头函数
箭头函数用 => 符号来定义。
箭头函数相当于匿名函数，所以采用函数表达式的写法。
左边是传入函数的参数，右边是函数中执行的语句。
上面是完整的写法，左边小括号，右边大括号，而下面的情况可以简写：
（1）当要执行的代码块只有一条return语句时，可省略大括号和return关键字：
箭头函数在回调函数中是很简洁的，像这样：
需要注意的是， 箭头函数没有自己的this、arguments、super、new.target，它们分别指向外层函数的相应变量。
以前在ES5中使用this有点麻烦，这种问题很常见：
但是现在有了箭头函数，不再需要使用that = this或 _this = this 这种代码啦，因为箭头函数中的this直接就是外层函数中的this，代码更简单了：
以上所述是小编给大家介绍的A深入浅出ES6新特性之函数默认参数和箭头函数，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要为大家详细介绍了微信小程序实时聊天WebSocket的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
这篇文章主要介绍了JavaScript 格式化金额最常见方法，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了JS通过Cookie判断页面是否为首次打开 的相关资料,需要的朋友可以参考下2016-02-02
获取元素和鼠标的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），该功能是我一同事钻研出来的，目标是为了实现与QQ自定义布局和拖放模块类似的功能。2009-12-12
本篇文章主要是对js获取当前地址 JS获取当前URL的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了element-ui 动态换肤,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要为大家整理了10个JavaScript代码使用技巧,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这篇文章主要为大家详细介绍了微信小程序自定义多列选择器使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要介绍了浅谈JavaScript 代码简洁之道，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
这篇文章主要介绍了JavaScript 事件入门知识,需要的朋友可以参考下2015-04-04
最新评论