JS学习笔记Day15

一、ES5及ES6

　　（一）严格模式

　　（二）bind/call/apply（改变上下文this指向，都是函数对象的方法）

　　　　1、bind：返回值是一个函数

　　　　2、call：返回值是一个对象

　　　　3、apply：返回值是一个对象

　　（三）JSON.parse/JSON.stringify

　　　　1、JSON.parse（）：将json字符串转为json对象，严格模式下使用（IE7及以下不兼容）

　　　　2、JSON.stringify（）：将json对象转为json字符串，严格模式下使用（IE7及以下不兼容）

　　（四）let：取代var，声明变量

　　　　1、script：全局作用域

　　　　　　function：局部作用域

　　　　　　let：块级作用域

　　　　　　　　1）声明let声明变量，会产生块级作用域

　　　　　　　　2）let声明的变量不在做变量提升，只能先声明，后使用

　　　　　　　　3）同一个作用域，let不可以重复声明同一个变量

　　　　　　　　4）for循环有两个块级作用域，for本身是一个作用域，for循环体又是for中的一个子级作用域

　　　　　　　　5）let声明的变量不再是window的属性

　　　　　　2、const：用于声明常量

　　（五）变量的解构赋值：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）

　　　　1、以前，为变量赋值，只能直接指定值。比如：

　　　　　　let a = 1

　　　　　　let b = 2

　　　　　　let c = 3

　　　　现在，ES6允许这样：

　　　　　　let [a, b, c] = [1, 2, 3]

　　　　或是这样：

　　　　　　let {a, b, c} = {a: 1, b: 2, c: 3}

　　　　上面三种方法的结果都是一样的；本质上，后两种通过解构赋值的写法属于“模式匹配”，只要判定了等号两边的模式相同（解构），左边的变量就会被赋予对应的值（赋值）

　　（六）字符串的扩展方法

　　　　1、includes（"字符串"，下标位置）；查找指定的字符串是否在父串中包含，返回布尔值

　　　　2、startsWith（"字符串"，下标位置）；查找指定的字符串是否在父串的开头部分，返回布尔值

　　　　3、endsWith（"字符串"，下标位置）；查找指定的字符串是否在父串的结尾部分，返回布尔值

　　　　注：includes和startsWith中第二个参数是从指定位置向后查找；endsWith中第二个参数是从指定位置（不包含）向前查找

　　　　4、repeat（）；重复指定的字符串

　　　　　　注：1）如果是小数，会自动向下取整

　　　　　　　　2）字符串，可转先将字符串转为数字，不可转NaN为0；

　　　　　　　　3）小于等于-1，报错；小于0大于-1取0

　　　　5、``：模板字符串

　　　　　　例：` ${变量名} `

　　（七）箭头函数（）=>{}

　　　　1、唯一的好处：箭头函数中的this指向的是箭头函数所有作用域绑定的对象（this所在作用域的父级作用域绑定的对象）

　　（八）Symbol（）：是ES6新增的第七种基本数据类型，特点是保证每一个变量中的值具有唯一性

　　　　1、唯一的好处：可以解决原生对象中key被覆盖的问题

　　（九）Set和Map结构

　　　　1、Set集合，本质上就是对数组的一种包装；具有自动去除重复元素的特性

　　　　　　1）如何创建set对象

　　　　　　　　let set = new Set（）；

　　　　　　　　let set = new Set（[]）；//里面为一维数组

　　　　　　2）set属性：size：返回set对象的长度

　　　　　　3）set的方法：

　　　　　　　　a、add（）；添加元素

　　　　　　　　b、delete（）；删除指定key的元素值

　　　　　　　　c、has（）；判断指定元素是否在set对象中，返回布尔值

　　　　　　　　d、clear（）；清空set对象

　　　　　　4）遍历set对象：

　　　　　　　　a、for of：for（变量 of 集合）{}

　　　　　　　　b、keys（）：获取set对象中所有的key

　　　　　　　　c、values（）：获取set对象中所有的value

　　　　　　　　d、entries（）：获取set对象中所有的key和value

　　　　　　　　e、forEach（function（value，key，set）{}）

　　　　2.map：解决原生JS对象中key是字符串的问题

　　　　　　1）如何创建Map对象

　　　　　　　　var map = new Map（）；

　　　　　　　　var map = newMap（[[]]）；//里面为二维数组

　　　　　　2）Map的属性

　　　　　　　　size：返回map对象的长度

　　　　　　3）map的方法

　　　　　　　　a、set（）：添加元素

　　　　　　　　b、get（）：获取元素

　　　　　　　　c、delete（）：删除只能指定key的元素值

　　　　　　　　d、has（）：判定指定元素是否在map对象中，返回布尔值

　　　　　　　　e、clear（）：清空map对象

　　　　　　4）遍历map对象

　　　　　　　　a、for of：for（变量 of 集合）{}

　　　　　　　　b、keys（）：获取map对象中所有的key

　　　　　　　　c、values（）：获取map对象中所有的value

　　　　　　　　d、entries（）：获取map对象中所有的key和value

　　　　　　　　e、forEach（function（value，key，set）{}）

　　（十）数组去重

　　　　1.　var arr = [1,2,1,12,1,2,1,1,1,2,2,1,1];

　　　　　　var set = [...new Set(arr)];

　　　　　　console.log(set);

　　　　//... : 扩展运算符

　　　　　　var str = 'abcde';

　　　　　　console.log([...str]);

　　（十一）生成器函数

　　（十二）class

　　　　

　　（十三）for in/for of

　　　　区别：for in中的循环变量表示下标或key

　　　　　　　for of中的循环变量表示value或key