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对象类似,但它是用来存储一组唯一值的,而不是键值对。类似数组,但它的每个元素都是唯一的。
2,对象新特性
ES6对象新增了两个方法,assign和is。
assign用于浅拷贝源对象可枚举属性到目标对象。
如果有同名属性,那么目标对象的属性值会被源对象的属性值覆盖。所以数组的表现就有一点特别了数组的index就是属性名,当使用assign方法时,从第0位开始,目标数组的值便开始被源数组的值覆盖了。
is方法和(===)功能基本类似,用于判断两个值是否绝对相等。
他们仅有的两点区别是,is方法可以区分+0还是-0,还有就是它认为NaN是相等的
(简单总结,仅供参考哦~)