【JavaScript基础16】

ES5和ES6:
  我们说的ES5和ES6其实就是在 js 语法的发展过程中的一个版本而已
ES5新增：
     一、数组的相关方法：
      1. 数组.forEach(function (item, index, arr) {})
      2. 数组.map(function (item, index, arr) {})
      3. 数组.filter(function (item, index, arr) {})
      4. 数组.every(function (item, index, arr) {})
      5. 数组.some(function (item, index, arr) {})

     二、严格模式 
       1、 使用"use strict"定义严格模式
       2、 严格模式可以定义在函数的最顶端或程序的最顶端
       3、 在严格模式下 在变量a 没有声明时 a = 10 ; 这样的赋值会报错，定义两个相同名称的函数参数也会报错
       4、 严格模式执行效率更高

     三、call()、bind()、apply()改变this指向
     先说一说this，每一个函数内部都有一个关键字是 this
     函数内部的 this 只和函数的调用方式有关系，和函数的定义方式没有关系
     1、全局定义的函数直接调用时，this=>window
     2、对象内部的方法调用，this => 调用者（对象）
     3、事件处理函数，this => 事件源
     4、定时器内部的this指向winodw
     5、自调用函数，this => window
     
     使用call()、bind()、apply()强行改变this指向
     1、 call()
     语法： 函数名.call(要改变的 this 指向，要给函数传递的参数1，要给函数传递的参数2， ...)
     注意： 
            会立即执行函数
            第一个参数是你要改变的函数内部的 this 指向
            第二个参数开始，依次是向函数传递参数
     2、 apply()
     语法： 函数名.apply(要改变的 this 指向，[要给函数传递的参数1， 要给函数传递的参数2， ...])
     注意：
            会立即执行函数
            第一个参数是你要改变的函数内部的 this 指向
            第二个参数是一个 数组，数组里面的每一项依次是向函数传递的参数
     3、bind()
     语法： var newFn = 函数名.bind(要改变的 this 指向，要给函数传递的参数1，要给函数传递的参数2， ...); newFn(传递参数)
     返回值：返回一个已经改变了 this 指向的函数
      
ES6新增的内容：
   1、let和const关键字
   let/const和var的区别：
       1. 预解析：var会进行预解析，let/const不会
       2. 变量重名：var定义变量可以重名，let/const不允许在同一个作用域下，定义重名变量
       3. 块级作用域：var没有块级作用域，let/const有
   let和const的区别：
       1. 声明时赋值
       2. 值的修改
       
   2、字符串新增
      字符串新增方法：
        1. str.includes(元素):    在字符串中判断是否包含某个元素，返回的是布尔值
        2. str.startsWith(字符串)    判断字符串是否以某个字符串开始，返回布尔值
        3. str.endsWith(字符串)    判断字符串是否以某个字符串开始，返回布尔值
        4. str.repeat(n) :      让字符串重复n次

   3、箭头函数
       2.1 ES6 语法中定义函数的一种方式
       2.2 函数定义的方式：
            2.2.1 声明式 function fn() {}
            2.2.2 赋值式 var fn = function () {}
            2.2.3 箭头函数（赋值式的一种简化写法） var fn = () => {}
       2.3 箭头函数的特点：
            2.3.1 当你的形参只有一个的时候, 可以不写小括号
            2.3.2 当你的函数体只有一行代码时, 可以省略大括号不写（如果这一行代码有return，return可以不写）
            2.3.3 箭头函数内没有 arguments
            2.3.4 箭头函数内没有 this（简单理解就是：this指代的是该箭头函数的上下文）
   4、解构赋值
       3.1 解构赋值 快速从对象或者数组中获取一些数据，分为解构数组和解构对象
           解构数组 语法: var [ 变量1, 变量2, 变量3, ... ] = 数组
           解构对象 语法: var { 键名1, 键名2, 键名3, ... } = 对象
                   解构对象的时候起一个别名

   5、默认参数
       4.1 概念：给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用
           语法：function fn(a = 10, b = 20) { }  参数a的默认值是10

   6、扩展运算符
       6.1 概念：展开合并运算符,主要是操作 数组 和 对象 的运算符号（...）
           作用：展开、合并
           展开：可以展开对象或者展开数组
   7、Set和map集合
       Set：数据结构，类似于数组，但是它的值不会重复（自动去重）
       Set的属性和方法
       属性：size获取元素的长度
       方法：add(ele) 向Set中添加元素
             delete(ele)  删除
             has(ele)  是否包含某个元素，返回布尔值
             clear()： 清空set集合
       map也是一种数据结构，类似于对象
       属性：size获取元素的长度
       方法： 
               设置键值对 set(key,value)
               获取       get(key)
               删除       delete(key)
               清空       clear()
               包含       has(key)    返回布尔值
   7、for..of循环，
      for..in循环是ES5的特性，for...of是ES6的特性
      for...in循环出的是key，for...of循环出的是value
      for...in循环多用于遍历对象，for...of多用于遍历数组，它不能用来遍历对象
      for...of可以遍历map集合，for...in不行