当前位置：网站首页>ES6新特性（1）之let命令/const命令/解构赋值/Symbol/Set/WeakSet

ES6新特性（1）之let命令/const命令/解构赋值/Symbol/Set/WeakSet

2022-04-21 18:13:00 【华为云】

（一）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不能取值，也不能显示，只用来表示是否有重复的对象