es6语法中有哪些新特性？

es6语法中有哪些新特性？下面web建站小编给大家详细介绍一下！

symbol的用法

Symbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值，不能与其他数据类型进行运算。它是JavaScript中的第七种数据类型，与undefined、null、Number（数值）、String（字符串）、Boolean（布尔值）、Object（对象）并列。

const c = Symbol();
console.log(c); 

模板字符串的用法

<script>
  url="ipkd.cn"
  // es6之前
  let html="<div>"+
    " <a>"+url+"</a>"+
    "</div>";
    //es6
   let eshtml=`<div>
     <a>${url}</a>
    </div>`
</script>

解构表达式的用法

let [a,b,c] = [1,2,3];console.log(a,b,c);  //1,2,3

let [a,b,c] = [1,,3];console.log(a,b,c);   //1,undefined,3

let [a,,b] = [1,2,3];console.log(a,b);     //1,3

let [a,..b] = [1,2,3];  //...是剩余运算符
console.log(a,b);
//1,[2,3]

对象方面的用法

let myMap = new Map([['name','ren'],['age',12]]);
console.log(myMap);
//Map(2) {'name' => 'ren', 'age' => 12}

let mySet = new Set([1,2,3]);
console.log(mySet);
//Set(3) {1, 2, 3}

函数方面的用法

function add(a = 0, b = 0) {
  return a + b;
}
let x=add(); 
let y=add(2); 
let z=add(3, 4); 
console.log(x,y,z);
//0 2 7