Es6语法总结（部分）

我就是我 2023-05-21 12:58 6阅读 0赞

**Es6量产含义**

*  特指ECMAScript2015
 *  泛指ES2015之后的新特性， ES2018 ES2019

## **let和const** ##

**let和var的区别**

*  不能重复定义
 *  没有变量提示(var定义的变量是有变量提升的)，必须先定义在使用
 *  全局变量不会附加到window对象的属性中
 *  具有块级作用域 (除了对象字面量外其它的都是代码快)
    
     *  单独的快作用域书写形式： \{ 这是块级作用域\}
     *  自调用函数 模块跨代码

**const语法 常量**

*  不可修改 修改会报错
 *  必须声明的时候也赋值
 *  不可重复声明
 *  命名规范要求(建议L推荐名称全部大写 用于区分)

**冻结操作**

*  使用 const 和冻结操作
 *  Object.freeze() 该方法内的参数是复杂数据类型 浅部冻结
 *  冻结只是对象的属性无法修改 但是属性的属性还是可以修改的 如果要属性的属性也无法修改就要用深冻结 （递归操作）

// 深冻结 用递归 (和深拷贝一样 )
      function deepFreeze (obj){ 
        Object.freeze(obj);
        for(var k in obj){ 
          // 检测当前数据是否为复杂数据类型
          if(typeof obj[k] === 'object' && obj[k] !== null){ 
      		// 进行递归调用
            deepFreeze(obj[k]);
          }
        }
      }

结构赋值

*  作用L:快速取出复杂数据类型内的值
 *  左右一一对应 格式要相同

let arr = [1, 2, 3, 4];
      // 需求: 快速地从数组中取出值来赋值给变量a, b, c, d
      let a = arr[0], b = arr[1], c = arr[2], d = arr[3];
      console.log(a, b, c, d); // 1 2 3 4
      
      // xxxxxxxxxx let [变量1=默认值1, 变量2=默认值2, 变量n=默认值n] = [数组元素1, 数组元素2, 数组元素n];
      
      // 剩余值 剩余的值必须写在最后
      let arr = [5, 9, 10, 8, 3, 2];
      let [a, b, ...c] = arr; // ...c 接收剩余的其他值，得到的c是一个数组
      console.log(a, b, c); // 结果为： 5 9 [10, 8, 3, 2]
      // 等价于：
      // let a = 5, 
      // let b = 9, 
      // let c = [10, 8, 3, 2]
      
      // 1 变量多，值少:
      let arr = [5, 9, 10];
      let [a, b, c, d] = arr;
      console.log(a, b, c, d); // 5 9 10 undefined
      // 结论：没有匹配上的值是undefined
      
      // 2 默认值:
      let arr = [5, 9];
      let [a, b, c, d = 4] = arr;
      console.log(a, b, c, d); 
      // 5 9 undefined 4// 结论：对于没有匹配上的变量，有默认值就使用默认值，否则就是 undefined，
      
      // 3 变量少，值多:
      let arr = [5, 9, 10, 8, 3, 2];
      let [a, b] = arr;
      console.log(a, b); // 5 9
      // 结论：多余的忽略

**对象的结构赋值：**

对象是格式相 同 但是取值是名称对应 （就是和对象的属性名称一样)

左右结构一样即可

对象的简写

函数扩展

函数参数的默认值

函数参数的剩余值 …other

箭头函数 匿名函数的简化写法 ( ) => \{ 函数体\}

*  需要放于参数 变量内
 *  单个参数可以省略小括号 var a = nm =>\{ 函数体\}
 *  多个参数时 小括号不能省略
 *  返回值使用 var fun = (num1,num2) =>\{  
    return num1+num2  
    \} var fun =(num1,num2) => num1 +num2 两者等价
 *  省略 小括号 省略花括号

箭头函数和普通函数的区别

*  箭头函数没有 argument 因为有了…other 代替
 *  箭头函数中没有单独的 this this指向当前环境的this的指向
 *  箭头函数不能使用 构造函数使用 因为它的this和环境this一样

函数参数默认值

字符串扩展

数组扩展

扩展运算符 …\[数组\] 将数组的的数组项展开 一般用于将需要将数组的数组项当函数的参数时 可以用该方法

Array.from( ) 将伪数组转化为数组

对象的简写

set对象

ES6的内置对象 用于数组 去重 像数组 size相当于length

String的扩展

*  includes
 *  startsWith
 *  endsWith
 *  repeat 重复