常见版本ES3(最基础的版本,所有浏览器都能解析),ES5(部分低版本浏览器不能解析),ES6(大部分浏览器都不能直接解析,要转成低版本解析),
ES5(2009年12月)增强内容:
严格模式:
严格模式的好处:
//1.严格模式下变量命名必须有修饰符
// 2.this指向,在函数下不能指向window,指向window报错(undefined)
// 3.函数内部arguments数组的形参跟实参不同步
// 4.不允许在非函数的代码块声明函数
// 5.不允许使用八进制方法
数组加强;
indexOf
lastindexOf
高阶函数:
forEach
some
map
every
filter
reduce()
reduceRight()葱油到左
bind 绑定对象(this指向)
bind绑定改变this的指向,但是不会自动执行
此处两个函数方法apply()和call(),两个都会自动执行,并且可以改变this的执行指向,差别在于apply传递的是数组,而call传递的是一个个元素
ES6(2015年6月)
对于函数,对象,string,数组做了全套加强
命名修饰符
let 块状作用域(只在代码块内起作用,一个{}为一个代码块)
let在同一个作用域不能重复赋值,没有变量提升
const常量(也是块状作用域,建议全大写)
const修饰常量,不可改变,不能二次赋值,定义时就必须赋值
写ES6代码时:
新增的String的方法:
includes()//返回true/false
startsWith()//是否在开始位置 两个参数(字符,开始位置(默认下标0))
endsWith()
repeat()重复
数组的新增:
Array.from()
将伪数组(例nodeList,htmlCollection,arguments...)转为数组,第二个参数用于对每个元素进行处理
Array.of()将一组数据转换为数组
高阶函数(以函数为参数的函数)
find()查找,返回的是一个元素,只会返回第一个 参数为回调函数function(item,index,arr)
findindex()找到返回第一个对应的下标,找不到-1
循环的增强
for in遍历对象(不遍历数组是因为获取的是数组的下标,但是下标可以改变)
for of遍历数组(不遍历对象是因为对象没有迭代器)
对应的Object方法:
values()
entries()
keys()
function加强
对应默认的参数(没传值有一个默认值)
箭头函数:(是一个匿名函数)
1.一个形参情况下,可以省略前面的()
2.只要一句代码时,可以省略后面的{}
3.当需要return数据,并且只有一行代码时,可以省略return
注意:箭头函数没有this,没有arguments,this需要找父元素的this
4.如果箭头函数return一个对象,需要在对象外面加上括号.
箭头函数的this指向问题:
1.箭头函数的this执行对象不能被call()和apply()和bind改变
拓展运算符,对数组(...)
打开对应的数组...,默认情况下会加上逗号,但是一般看不见
...[1,2,3] 转化为 1 2 3
解构(对对象)
打开对应的对象,即得到对应的值去对象里面对比,有返回对应的值,没有返回is not defined
Object.is( , )用表达两个值是否严格相等,与比较运算符(===)基本一致,不同点在于
1. +0和-0不相等
2.NaN等于本身
Object.assign()将源对象的所有可枚举属性复制到目标对象,至少两个参数,第一个参数为目标对对象,第二个往后为源对象,只要一个参数不是对象,就报错TypeError
Object.assign()将后面的内容拷贝给第一个参数,但是注意是浅拷贝
set(集和 或者 伪数组)
set的成员值都是唯一的,可以用来去重,可以传参数,参数为数组
var set= new Set([1,2,3]),返回的是一个对象
set的属性和方法有
WeakSet和set一样不储存重复的元素,用法基本类似,但是WeakSet的成员只能是对象,不能是其他类型的值
Map是一个超对象,其key除了可以是String之外,还可以为其他类型
let map = new Map([[1, 'one'],[2, 'two'],[3, 'three']]);
他的方法和 Set 差不多:
size：返回成员总数。
set(key, value)：设置一个键值对。
get(key)：读取一个键。
has(key)：返回一个布尔值，表示某个键是否在Map数据结构中。
delete(key)：删除某个键。
clear()：清除所有成员。
keys()：返回键名的遍历器。
values()：返回键值的遍历器。
entries()：返回所有成员的遍历器。返回的是mapiterators
所有迭代器都有方法next()
对象及函数的简写
1.对象的简写(属性简写)
2.函数的简写(对象的函数的简写)
即省略函数声明,但是这种方法简写只能在对象里面使用
class类(面向对象的内容)
1.class的类名字首字母大写
2.class里面的this指向为new的实例对象
3.extends表示继承(好处:减少代码冗余)
4.如果继承关系中需要在构造器(constructor)中使用this,必须先写super()
ES6新增的基础数据类型(值类型)
Number, String, Boolean, Null, Undefined , Symbol
新增BigInt大整型(解决数字有效范围),后面会加一个n表示是大整型
Symbol
Symbol作为属性值,防止属性的值被更改
Symbol作为对象属性名时,不能使用. 要使用[ ]赋值和取值
Generator生成器函数
1.生成器函数Generrator是一个异步函数,里面标注了yield暂停执行 为了区分普通函数添加*
2.好处是可以在对应的地方获取对应的值
每个迭代器都有next()方法,在这里next()返回的是一个对象 第一个参数value表示执行yield后的值 第二个参数表示done是否已经完成,是否有下一阶段(false未执行完成/true)
