ES6小结

1 篇文章 0 订阅

最近,在看阮一峰老师的ES6教程,感觉成长了许多,在此记录一下。

 首先,我们看一下之前我们是怎么写函数默认值的:我们通常会使用三元运算符来判断入参是否有值,然后决定是否使用默认值运行函数(如示例中 fix = fix === void(0) ? 2 : fix

  而在 ES6 中,我们可以直接在函数的显示入参中指定函数默认值(function decimal(num, fix = 2){}),很明显,这种写法更自然易懂,也更加方便,不过有一点需要注意:

设定了默认值的入参,应该放在没有设置默认值的参数之后,也就是我们不应该这样写:function decimal(fix = 2, num){},虽然通过变通手段也可以正常运行,但不符合规范

 我们之前在对字符串和变量进行拼接的时候,通常都是反复一段一段使用引号包裹的字符串,再反复使用加号进行拼接(Before.1)。多行字符串的时候我们还要写上蹩脚的 \n 来换行以得到一个多行的字符串(Before.2)。

  在字符串过长的时候可能会使用 \ 在编辑器中书写多行字符串来表示单行字符串,用来方便较长的字符串在编辑器中的阅读(Before.3),或者简单粗暴的反复引号加号这样多行拼接(Before.4)。

  ES6 中我们可以使用反引号(\,位于 TAB 上方)来输入一段简单明了的多行字符串,还可以在字符串中通过 ${变量名} 的形式方便地插入一个变量,是不是方便多了!

 数组解构,使用变量声明关键字声明一个形参数组([a, , b]),等号后跟一个待解构目标数组([1, 2, 3]),解构时可以通过留空的方式跳过数组中间的个别元素,但是在形参数组中必须留有相应空位才可以继续解构之后的元素,如果要跳过的元素处于数组末端,则在形参数组中可以不予留空

在ES6新增的let和const中都存在暂时性死区,相比之前的ES5,则是多了一个块级作用域的概念。

暂时性死区指的是如果区块中存在let或者const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭的作用域。凡是在声明之前使用这些变量,就会报错。总之,在代码块中,使用let或者const声明变量之前,该变量都是不可用的,这就是“暂时性死区”。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值