ECMAScript6(简称ES6) 是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozila公司将在这个标准的基础上,推出JavaScript 2.0.以及ECMAScript,JavaScript的语言标准。
优点:
提升JS编写大型的复杂应用程序的能力(这次升级加入了模块化的概念、细化和优化语法、封装了一些方法)
不足:
对浏览器的兼容性问题,可以使用Bable:ES6->ES5(转换器)
示例代码:
temple.html
解释:
结果图:
变量命名方式:var允许变量名重复,但是let不能重复重复代码报错,var重复定义的变量名默认取到的值是定义好的最后一个值
示例代码:
temple.html
示例图:
f12打开浏览器查看控制台输出结果:
(帮助理解:java定义常量一样,定义之后就不能够改变它的值)
示例代码:
temple.html
结果图:(程序报错)
目的:解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清明了;也方便了复杂对象中数据字段获取。
示例代码:
temple.html
运行结果:
示例代码:
temple.html
运行结果图:
即模板字符串相当于加强版的字符串,用反引号`,除了作为普通字符串,还可以在字符串中加入变量和表达式
示例代码:
temple.html
运行结果:
由比较容易看的清楚的方式到函数的简写:
示例代码:
temple.html
运行结果图:
拓展运算符(…)用于取出参数对象所有可遍历属性然后拷贝当前对象
示例代码:
temple.html
运行结果:
示例代码:
temple.html
运行结果:
不定参数用来表示不确定参数个数,形如,…变量名,由…加上一个具有名参数标识符组成。具名参数只能放在参数列表的最后,并且只有一个不定参数
示例代码:
temple.html
运行结果:
箭头函数提供了一种更加简洁的函数书写方式。语法:参数 => 函数体
示例代码 :
temple.html
注意点:
运行结果: