ECMAScript 6

1、目前用的版本是ECMAScript3.0,后来改了名字叫ECMAScript5。
2、ECMAScript6的特点:ES6增添许多必要的特性,例如模块和类,块级作用域,常量与变量。
3、浏览器的支持程度:http://kangax.github.io/compat-table/es6/
4、可以通过Babel转码器把ES6写的代码转成ES5,就不用担心运行环境是否支持
5、chrome下使用ES6为保证可以正常使用大部分语法,需要使用严格模式,即在js开始部分加上'use strict'
6、在firefox下使用ES6为保证可以正常使用大部分语法,需要知道测试版本,即在script标签的type属性中加上:“application/javascript;version=1.7”属性值。

1.let

2. 块级作用域

let声明的变量拥有块级作用域,块级作用域指的是一对大括号就是一个作用域,块级作用域可以直接写一对大括号,以后就不用写自执行函数了。

3. let与for循环

以下两种效果一致:

 
  • red
  • blue
  • green
  • yellow

    


  • red
  • blue
  • green
  • yellow

    

4.let选项卡







内容一

内容二

内容三


5. 常量

6. 解构赋值:

按照一定的模式,从数组或者对象中把数据拿出来,对变量进行赋值。
数组解构赋值:等号左边与右边必需都是数组,数组的解构赋值要一一对应。如果对应不上的话就是undefined;
对象解构赋值:等号左边与右边必需都是对象,名字要一一对应,顺序不需要对应,对应不上的值结果是undefined。

7. 字符串的扩展方法

includes(s):字符串里面是否包含某个字符,参数是一个字符;
startsWidth(s):字符串开始位置的字符是否是参数的,参数是一个字符
endsWidth(s):字符串结束位置的字符是否是参数的,参数是一个字符
以上的几个方法都返回一个布尔值。
repeat(num):复制字符串,参数为数字,表示复制的次数。参数必需是一个正数,其它的就会报错。


模板字符串:字符串的拼接方式。
1、字符串需要用一对反引号包起来,它可以定义多行字符串,只用一对反引号;
2、要拼进去的数据需要放在${}里面;
3、大括号里还可以进行运算;
4、大括号里还可以调用函数;





8. Math对象的扩展方法

数组的扩展方法:

  1. Array.from() 把(有遍历接口)类数组转成真正的数组。
    任何有length属性的对象都可以用这个方法转真正数组。

  2. [...类数组] 它是一个扩展方法,在这里可以把一个类数组转成一下真正的数组。

  3. Array.of() 把一组数值转成真正的数组。
    includes(数据,起始位置) 查找数组中有没有某个数据。

9. 函数参数的默认值


rest参数:

箭头函数:

你可能感兴趣的:(ECMAScript 6)