es6语法中有哪些新特性?

2024年06月25日 建站教程

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

symbol的用法

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

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

模板字符串的用法

<script>
  url="lmcjl.com"
  // 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

本文链接:http://so.lmcjl.com/news/7234/

展开阅读全文
相关内容