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

filter实现数组过滤，es6语法过滤方法合集

ES6语法中有哪些简单的字符串转数组方法

ES6如何实现模块化编程

ES6语法种有哪些判断方法

vue语法中methods箭头函数的基本用法吗?

标签： es6语法, symbol

上面是“es6语法中有哪些新特性？”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3009.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！