es6新特性有什么

es6新特性有什么

（1）、新增模板字符串（为JavaScript提供了简单的字符串插值 功能）

而对ES6来说

 

1，基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定；

 

2，ES6反引号(``)直接搞定；

 

（2）、箭头函数

ES6 中，箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =>，紧接着是函数体；

 

箭头函数最直观的三个特点。

 

不需要 function 关键字来创建函数

省略 return 关键字

继承当前上下文的 this 关键字

细节：当你的函数有且仅有一个参数的时候，是可以省略掉括号的。当你函数返回有且仅有一个表达式的时候可以省略{} 和 return；

 

（3）、for-of（用来遍历数据—例如数组中的值。）for...in

迭代器就是一种接口机制，为各种不同的数据结构提供统一访问的机制。(即为了让一些不支持遍历的数据结构可遍历)

 

最常见的就是Array迭代器，按顺序返回数组中的值。

 

1.for...of 用于遍历一个迭代器

 

2.for...in 用来遍历对象中的属性

 

（4）、arguments对象可被不定参数和默认参数完美代替。

（5）、ES6将promise对象纳入规范，提供了原生的Promise对象。

（6）、增加了let和const命令，用来声明变量。

let和var声明的区别：

 

let表示声明变量，而const表示声明常量，两者都为块级作用域；const 声明的变量都会被认为是常量，意思就是它的值被设置完成后就不能再修改了：

 

如果const的是一个对象，对象所包含的值是可以被修改的。抽象一点儿说，就是对象所指向的地址没有变就行：

 

有几个点需要注意：

 

let 关键词声明的变量不具备变量提升（hoisting）特性

let 和 const 声明只在最靠近的一个块中（花括号内）有效

当使用常量 const 声明时，请使用大写变量，如：CAPITAL_CASING

const 在声明时必须被赋值、                                                                                               

（7）增加了块级作用域，let命令实际上就增加了块级作用域。

块级作用域的原理

 

用let 声明出来的变量中都会在词法环境中存放，块级作用域是通过词法环境的栈结构来实现的，而变量提升是通过变量环境来实现的，两者结合就同时支持变量提升和块级作用域

 

（8）、还有就是引入module模块的概念

通过 import...from 的方式引入模块，模块名称实际上相当于定义一个变量，用来接收即将导入的模块。

 

通过 import... 的方式一般用来引入样式文件或预处理文件，因为他们不需要用变量来接收。

 

（9），解构赋值

解构赋值是对赋值运算符的扩展。它是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

 

事实上所有可枚举（iterable）的对象都可以使用解构赋值，例如数组，字符串对象，以及ES6新增的Map和Set类型。

 

对象的解构赋值和数组类似，不过左边的变量名需要使用对象的属性名，并且用大括号{}而非中括号[]：

 

（10）新的对象和方法

1，Map和Set

 

Map构造函数接收一个二维数组来创建一个Map对象。数组元素的第0位表示Map对象的key，第1位表示Map对象的value。

 

Map对象使用set方法来新增数据，set方法接收两个参数，第一个表示key，第二个表示value。使用get方法获取数据，参数是对象的key。

 

Map对象使用delete方法来删除数据，接收一个参数，表示需要被删除的key。

 

Map对象使用has方法检测是否已经具有某个属性，返回boolean值。

 

Set对象和Map对象类似，但它是用来存储一组唯一值的，而不是键值对。类似数组，但它的每个元素都是唯一的。