ES6简记(一)

一、let和const

let会将所在的块的上下文环境变成一个局部作用域
暂时性死域:在变量使用let声明时,任何对该变量的调用都是非法的,会报错

const声明的是常量,人家声明了就不能变啦,所以如果希望某个数据一直保持不变的时候,const很合适对不对~

二、变量的解构赋值

用途:
当我们需要用到对象赋值时,如果直接赋值就很危险啦。人家对象都好好的藏家里,怎么会这么轻易赋值给你呢?
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。
在这里插入图片描述
如果解构不成功,变量的值就等于undefined。
不完全解构:
另一种情况是不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。
在这里插入图片描述
如果等号的右边不是数组(或者严格地说,不是可遍历的结构,参见《Iterator》一章),那么将会报错。
对于 Set 结构,也可以使用数组的解构赋值。
事实上,只要某种数据结构具有 Iterator 接口,都可以采用数组形式的解构赋值。
解构赋值也可以设置默认值
在这里插入图片描述
!!! ES6 内部使用严格相等运算符(===),判断一个位置是否有值。所以,只有当一个数组成员严格等于undefined,默认值才会生效。
在这里插入图片描述
如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值。
在这里插入图片描述

对象的解构赋值

按照相同属性名进行赋值,如果没有该属性则为undefined。
对象的解构赋值还可以方便的将现有对象的方法赋值给某个变量。
如果变量名与属性名不一致,则:

在这里插入图片描述
注意:

  1. 将一个已经声明的变量用于解构赋值,有可能会报错,因为JS将{}中的JS代码解释为表达式,此时将解构赋值放到圆括号里面可以解决问题,圆括号与解构赋值的关系 需要深入了解一下。
  2. 解构赋值允许等号左边的模式之中,不放置任何变量名。因此,可以写出非常古怪的赋值表达式。
    在这里插入图片描述
三、字符串的扩展
(1) JSON.stringify() 的改造

JSON.stringify() 可能返回0xD800到0xDFFF之间的单个码点,ES2019 改变了JSON.stringify()的行为。如果遇到0xD800到0xDFFF之间的单个码点,或者不存在的配对形式,它会返回转义字符串,留给应用自己决定下一步的处理。
在这里插入图片描述

(2) 模板字符串

传统的 JavaScript 语言的输出模板:

$('#result').append(
  'There are <b>' + basket.count + '</b> ' +
  'items in your basket, ' +
  '<em>' + basket.onSale +
  '</em> are on sale!'
);

ES6 引入了模板字符串解决写法繁琐的问题:

$('#result').append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);
(3) ES6 为字符串添加了遍历器接口(详见《Iterator》一章),使得字符串可以被for…of循环遍历。

PS: for…of 遍历器可以识别大于0xFFFF的码点
在这里插入图片描述
文章内容摘取自《ECMAScript 6 入门》
书本链接:http://es6.ruanyifeng.com/

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值