ES6常用知识点总结一

Posted 2021-11-03 PepsiCo__

一丶什么是ES6？和javascript的关系。

ES就是ECMA（European Computer Manufacturers Association），即欧洲计算机抄制造商袭协会。百欧洲计算机制造商协会是制定信息传输与度通讯的国际化标准组织。

ECMAScript是JavaScript的组成部分，JavaScript没了它可是不行的。

前者是后者的的标准，后者是前者的实现

二丶知识点总结

1.变量声明关键字
    var
        全局作用域和函数作用域
        会变量提升
    let
        局部作用域
        不会变量提升
        不能重复声明
    const
        值类型不能修改
        声明必须赋值

2.结构

    ①数组
        定义：把数组或对象解析为单独变量
        1.基本格式   var [a,b,c='default',...rest]=arr
        2.逗号代表下一位
        3.  ...rest        剩余的所有（只能放在最后）
        4. 可以有默认值
        5.交换变量[a,b]=[b,a]
    ②对象
        var {name,age,say='love you',...rest}=obj
        对象解构没有顺序

3.展开
    ...arr   arr展开为单独变量

4.字符串
       ① 字符串模板

        `${js变量}`  可以换行，可以加特殊符号

       ②. 遍历 

         for of
       ③.检测
（1）includes(sub)是否包含
（2）startsWith(sub)以开头
（3）endsWith(sub)以结尾
      ④去空白
（1）trim()去掉两端空白
（2）trimLeft()去掉左边空白
（3）trimRight()去掉右边空白
        ⑤重复
repeate(n)字符串重复n次
        ⑥填充
例  '22'.padStart(4,'0')        结果'0022'
.padEnd(次数，填充字符串)

5.数组高阶方法
    ① forEach遍历

        arr.forEach(function(item,index,self){})
        item当前遍历的元素
        index当前元素的下标
        self当前数组

      ②map映射

arr.map(function(item,index,self){
//返回一个映射数组
})

      ③filter过滤

  arr.filter(function(item,index,self){
//返回真，当前遍历元素保留
//返回假，当前遍历元素过滤
})

   ④ reduce累计

 arr.reduce(function(a,b){
a是上一次返回的结果
})

    ⑤some有一个
 有一个返回的结果为true最终结果为true

    ⑥every每一个
  每一个返回的结果为true最终结果为true