ES6有哪些新特性?

西安分院:马扬睿

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

ES6有哪些新特性?

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。 它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

我们来看看都加了哪些新特性

let 和 const关键字

变量的结构赋值

字符串,数值的扩展

数组,对象的扩展

函数的扩展

for...of

还有一些新的数据结构且听下回分解

2.知识剖析

let和const关键字有什么不同

let 关键字可以避免变量提升,它只在块级作用域内起作用

const关键字也是同样,避免变量提升,只在块级作用域里起作用,const就是constant的意思 他声明一个只读的常量,一旦声明不可修改。

解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。

数组的解构赋值

对象的解构赋值

字符串的解构赋值

数值和布尔值的解构赋值

字符串的扩展

模板字符串

模板标签

repeat函数

includes函数

startsWith和endWith

codePointAt()和String.fromCodePoint函数

数值的扩展

Number.isNaN

Number.isFinite

Number.parseInt

Number.parseFloat

Number.isInteger

极小常量

安全整数

几个Math方法

数组的扩展

Array.of()函数

Array.from( )函数

find( )函数

findIndex( )函数

fill( )函数

entries( )函数

keys( )函数

values( )函数

对象的扩展

更简洁的表示法

属性名可以是表达式

Object.is( )函数

严格相等和抽象相等

Object.assign()函数

Object.getPrototypeOf( )函数

Object.setPrototypeOf()函数

javascript的面向对象

函数的扩展

设置默认参数

rest参数

扩展运算符

箭头函数

箭头函数this的使用

for....of的用法

写法简洁

可以break终止循环

可以获取索引

3、常见问题

es6的兼容问题如何解决

4、解决方案

Babel()

5、编码实战

6.扩展思考

es6还有哪些特性?

7.参考文献

参考一:ECMA入门


参考二: 趣味ES6


8、更多讨论

鸣谢

感谢观看

BY ︱马扬睿