ES6新特性（1）之let命令/const命令/解构赋值/Symbol/Set/WeakSet
【摘要】 ES6新特性（1）之let命令/const命令/解构赋值/Symbol/Set/WeakSet
（一）let命令
1.let声明的变量只在变量声明时所在的代码块内有效
对比：
{
var url = "www.baidu.com";
}
alert(url);
//--------------------------------
{
let url = "www.baidu.com";
}
alert(url);
2.let不允许在同一作用域重复声明变量:
let url = "www.baidu.com";
{
let url="www.sina.com.cn";
console.log(url);
}正确,放到括号里面错误
3.let与全局变量的声明
//错误
let a=3;
{
var a=5;
}
alert(a);//正确
var a=3;
{
let a=5;
}
alert(a);4.作用到子作用域
let a=3;
{
a=5; //子作用域
}
alert(a); //弹出5（二） const命令
const命令用来生成一个常量，常量被声明后，值无法改变。其他与let相同。
（三） 解构赋值
1.数组解构
let [a, b, c,d] = ["aa", "bb", 77,88];嵌套数组解构
let [a,b,[c,d],e] =["aa",'bb',[33,44],55];空缺变量
let [a,b,,e] =["aa",'bb',[33,44],55];多余变量
let [a,b,,e,f] =["aa",'bb',[33,44],55];默认值
let [a,b,,e,f='hello'] =["aa",'bb',[33,44],55];2.对象解构
let obj={uid:121,uname:'张三'};
let obj=new Object();
obj.uid=111;
obj.uname='张三';
let {uid:id,uname:name}=obj; //顺序改变无影响
alert(name);
小括号：
let uid,uname;
({uid,uname} = obj); //必须有小括号，否则{}就会被解读为语句块
alert(uname);可嵌套
可有默认值
3.字符串解构
let [a, b, c, d] ="倚天屠龙";
console.log(a,b,c,d);
4.函数参数解构
let obj={uid:121,uname:'张三'};
function analysis({uid,uname}){
alert(uid);
alert(uname);
}
analysis(obj);
//-------以下也正确
function analysis({uname}){
alert(uname);
}参数中数组、字符串、默认值、缺位均支持
（四）Symbol
Symbol是ES6新增的一种值类型数据，表示一种绝不重复的值
let s1 = Symbol(33);
let s2 = Symbol(33);
alert(s1.toString()); // Symbol(33);
alert(s1==s2); //报错（五）Set
Set和WeakSet 数据结构是ES6新增。
它与数组非常相似，但是Set数据结构的成员都是唯一的。不能重复元素。
特别说明:Set中只能添加一个NaN。
Set数据结构:
var set = new Set([1, 2, 3, 4, 2, 8, 4]); //两个2
//set遍历
for (var elem of set) {
console.log(elem)
}
//-----------循环用add添加赋值-----------------------
var set = new Set();
[1, 2, 3, 4, 2, 8, 4].map(function (elem) {
set.add(elem);
})
for (let elem of set) { //for...of遍历
console.log(elem)
}
//-----------扩展运算符（…）--------------
var set = new Set([1, 2, 3, 4, 2, 8, 4]);
var arr = [...set];//扩展运算符（…）内部使用for…of循环,
console.log(arr); //12348
//------清空、删除----------
var set = new Set([1, 2, 3, 4, 2, 8, 4]);
set.clear(); //清空
set.delete(8); //删除
var arr = [...set];
console.log(arr);
//------遍历键值------------
set.forEach(function (value, key) {
console.log(value+'='+key);
}) 从输出结果可以看出，键和键值是相同的。
//-----判断set中是否含有----
console.log(set.has(8));
//----遍历值(鸡肋)--------
let setIter = set.values();
for(let val of setIter) {
console.log(val);
}
//----数量---------
console.log(set.size);
//-------map和filter也可以用于set中--------es5中数组新增map和filter方法
map:映射的意思，映射返回一个新数组，有返回值;filterArr:返回一个新对象
filter:过滤、筛选的意思; 有返回值; filterArr:返回过滤后新数组
var filterArr = array.filter(function(value, index, array ) {
if ( value > 20 ) {
return true;
}
return false;
});
//---------------------------------------------
let set = new Set([1, 2, 3]);
set = new Set([...set].map(x => x * 2));
var arr = [...set];
console.log(arr);
// 返回Set结构：{2, 4, 6}
let set = new Set([1, 2, 3, 4, 5]);
set = new Set([...set].filter(x => (x % 2) == 0));
var arr = [...set];
console.log(arr);
// 返回Set结构：{2, 4}
//---------------求并集、交集、差集--------------
//因此使用Set可以很容易地实现并集（Union）、交集（Intersect）和差集（Difference）。 
（六）WeakSet
它与Set十分相似，对象的值也不能是重复的，与Set不同点:
1.WeakSet成员只能够是对象。
2.作为WeakSet成员的对象都是弱引用，即垃圾回收机制不考虑WeakSet对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于WeakSet之中。这个特点意味着，无法引用WeakSet的成员，因此WeakSet是不可遍历的。
3.使用WeakSet存储对象实例的好处是，由于是对对象实例的引用，不会被计入内存回收机制，所以删除实例的时候，不用考虑weakset，也不会出现内存泄漏。
//---错误---
var weakset = new WeakSet();
weakset.add(5);
//---正确---
var weakset = new WeakSet();
weakset.add({}); //添加
var weakset = new WeakSet([[1, 2], [3, 4]]);
//---例子------------------------------------
var weakset = new WeakSet();
let aObj = {a:'aa'};
let bObj = new String("你好");
let cObj = new Number(8);
weakset.add(aObj);
weakset.add(bObj);
weakset.add(cObj);
//---删除-----
weakset.delete(aObj);
bObj=null; //把对象删除，weakset中的对象也没了
console.log(weakset.has(bObj)); //【用途：】weakset不能取值，也不能显示，只用来表示是否有重复的对象
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）