ES6知识点总结

94 阅读2分钟

let和const

  • 相同点
  • 块级作用域,块之外访问会报错
  • 不能变量提升,在声明之前访问会报错
  • 不允许在同一块中重复声明
  • 不同点
    • let声明的是变量,const声明的是常量

Array.from(arrayLike)

  • 类数组对象转成数组

展开运算符(扩展运算符) 三个点(...)表示

  • ... 经常用于展开类数组或数组对象

模板字符串 ``

  • 对某些特殊字符进行转义处理

  • 可以保留原有格式输出,可以随意换行

  • 模板字符串拼接变量

基本数据类型 Symbol

  • Symbol 用于解决对象的属性命名问题,每一个Symbol都是独一无二的
  • 它是第六个原始类型

数据结构 Set

  • 它类似于数组,但是成员的值都是唯一的,没有重复的值。

  • Set有构造函数 用于构造Set结构

  • var s = new Set(arr)//参数是数组或类数组对象
    

Array.isArray()

  • 用于判断一个对象是否是数组

Map ES6新增的一种数据结构

  • map value-value 值和值相对应

Promise

  • 两个处理器
  • resolve(当Promise是 fulfilled 时的回调)
  • reject(当Promise是 rejected 时的回调)
  • then和catch
    • 如果promise的状态是已成功,则执行then中的回调函数 并传入结果
      • then函数中写2个回调, 第一个代表成功 第二个代表失败,finally里的代码无论promise的状态成功还是失败 都会执行
    • 如果promise的状态是已失败,则执行catch中的回调函数 并传入结果
  • Promise.all([promise,promise,promise])
  • Promise.all 返回一个新的promise对象
  • 新promise的状态 由数组里的结果决定

箭头函数 ()=>{}

解构

  • 解构数组

    • var arr = [1, 2, 3, 4];
      var a = arr[0];
      var b = arr[1];
      var c = arr[2];
      var d = arr[3];
      
  • 解构数组

    •  var obj = {
                  name: 'zhangsan',
                  age: 20,
                  sex: '男'
              };
              var {
                  age1,
                  sex1,
                  name
              } = obj;
              console.log(name);
              console.log(age1);
              console.log(sex1);