关于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对象类似,但它是用来存储一组唯一值的,而不是键值对。类似数组,但它的每个元素都是唯一的。

2,对象新特性

ES6对象新增了两个方法,assign和is。

assign用于浅拷贝源对象可枚举属性到目标对象。

如果有同名属性,那么目标对象的属性值会被源对象的属性值覆盖。所以数组的表现就有一点特别了数组的index就是属性名,当使用assign方法时,从第0位开始,目标数组的值便开始被源数组的值覆盖了。

is方法和(===)功能基本类似,用于判断两个值是否绝对相等。

他们仅有的两点区别是,is方法可以区分+0还是-0,还有就是它认为NaN是相等的

                                                                                                             (简单总结,仅供参考哦~)

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值