ES6新增特性自整理汇总

桃扇骨 2023-06-29 10:38 46阅读 0赞

ES6对ES5相比新增属性

教你从入门到放弃

1.let 和 const

let：
跟ES5相比，ES6增加了let，其用法类似var，但存在着较大区别：
相同点：用来声明变量，储存变量
不同点：
①作用域不同，var是函数作用域，let是块作用域；
②暂时性死区：let声明的后的变量会绑定它所在的作用域，该作用域不允许重复声明，不存在声明提升。

  1. let a = 10;
  2. let a = 20; //报错

const：
声明常量，
注意：必须赋值，且赋值后值不可以修改，只有数组和对象可以通过一定方法修改常量值
数组可以通过下标修改数组中的内容

  1. const arr = [0,1,2];
  2. arr[0] = "皇甫铁牛";
  3. console.log(arr);//[皇甫铁牛，1,2]

对象可以通过键改变值

  1. const obj = {
  2.     name:'haha',
  3.     age:20
  4. }
  5. obj.name = '皇甫铁牛';
  6. console.log(obj);//{name: '皇甫铁牛',age:20}

2.解构赋值

ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，成为解构（Destructuring）。
赋值运算符右侧是要解构的数组或对象，左侧是对应的模式和声明变量，表现形式为[]、{}

  1. var arr = [1,2,3];
  2. var obj = {name : '李翠花'};
  3. let [a] = arr;
  4. let{name:b} = obj;
  5. console.log(a,b);//1,李翠花
  7. let [a,b,c] = [1,2,3];  ==> let a = 1;
  8.                             let b = 2;
  9.                             let c = 3;
  11. let [ , , c] = [1,2,3];//c:3

解构赋值默认值
对象解构赋值
字符串解构赋值
函数形参的解构赋值

其他知识点见博客解构赋值篇

3.各种新增扩展

（数值、数组、字符串、对象、函数）

4.iterator 和 generator

5.promise 和 async … await

6.class语法

7.模块化

存在问题：

ES6存在兼容问题，主要针对IE9，使用转码器（babel），可以把ES6转换为ES5，所以ES6是ES5的语法糖；

**语法糖：**好用且效果不打折扣，在原有的功能不变的基础上让用法更加简洁方便

发表评论

表情：
评论列表 （有 0 条评论，46人围观）

还没有评论，来说两句吧...

相关阅读