ES6中的常用知识点总结

Posted 2021-11-03 超人不会飞 °

一 丶什么是ES6

ES6， 全称 ECMAScript 6.0 ，是 javascript 的下一个版本标准。是通过通过ECMA-262标准化的脚本程序设计语言。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。

二 丶重要知识点总结

1.let,Const,var

let: 局部变量声明
特点:
1 只能在一对｛｝里面有用
2.不能重复声明
3.不会变量提升(在变量声明前会报错)
const: 常量声明
特点
1 声明必须复制
2 赋值不能修改(简单数据类型)
3 简易变量名大写

var:  能重复声明
特点
1 会变量提升
2 可以声明不赋值

2.结构

1结构对象
示例 ：

 特点
没有顺序

 2结构数组

3.字符串方法

trim() trimLeft() trimRight()
去掉空白，左边空白，右边空白
includes(s)
字符串是否包含s
startsWith(s)
是否以s开头
endsWith(s)
是否有s结尾
repeat(n)
将字符串重复n次
padStart(len,s)
以s字符串补齐len长度
padEnd(len,s)
以s字符串补齐len长度 从后面

字符串模板

大家好！我的名字是${name} 今年我${age}岁了

特点

1. 可以在字符串模板里面任意换行
2. 单双引号 特殊符号不需要转义

4.数组高阶方法

forEach()
遍历数组

map() 映射 返回一个Array
通过原来的数组映射出新的数据

filter() 过滤 返回一个Array
如果遍历时返回的值为true 则最终返回时保留该元素
如果遍历时返回的值为false 则最终返回时过滤该元素

reduce 累计 (function(a,b){}) 返回一个Any
a参数是上一次遍历时的结果，
b参数是当前遍历元素

some() 返回一个bool
如果遍历的值有一个返回为true 最终返回结果为true
如果遍历的值所有都返回为false 最终返回的结果才为false

every()
如果遍历的值有一个返回为false 最终返回结果为false
如果遍历的值所有都返回为true 最终返回的结果才为true

find()
查找数组中符合条件的元素

findIndex()
查找数组中符合条件的元素 的下标

5.箭头函数

特点

   ①箭头函数省略function

  ② => 左边参数

  ③ 箭头右边 函数体 返回值

  ④传参0个或者两个以上  参数加上括号

   ⑤如果参数体有多行需要加上{}；如果需要返回值return

   ⑥ 如果返回的市一个对象则用()包裹对象({}) 

6.函数参数(参数扩展)

默认参数

扩展参数

不定参数

 特点

1. args 必须放在最后
2. …收集剩余参数
3. …展开数组（把数组内容写上去

7.对象

    1.对象简写
        变量和值简写
        函数function简写
        var name=“胡图图”
        var obj={
        name,
        say(){alert(this.name)}
        }

    2.对象动态属性

        {[nick+“msg”]:"你好"}

---

8.类
面向对象基本特点：封装；继承；多态；接口
单词：
extends继承
constructor构造函数
super 超类
static 静态

定义类类方法
class Person{
    constructor(name,age){
    this.name=name;
    this.age=age;
   }
    say(){
    alert(“你好”)
   }
}

实例化类
var p1=new Person()

类中的this 
Person类中的this指向、当前类的实例(p1)

继承
class Teach extends Person{
constructor(name,age,major){
super();
this.major=major;
   }
}

---

9.模块module

导入
import{name,fun,Square} from './api.js'
import Square from './api.js'
import Sq from ''./api.js
别名as  *代表所有
import * api from './api.js'
api.name;api.fun()
别名import Square,{name,fun as fn} from './api.js'
    

导出
export{name,fun,Square}导入多次
export default Square;默认只能导出一次

---

10.set
定义：没有重复元素的集合（数组）
初始化：
var s1=new Set()
var s2=new Set([1,2,5])
添加：s1.add()
删除：s1.delete()
情况：s1.clear()
检测：s1.has()
长度：s1.size
转数组：Array.from(s1)[...s1]
数组去重：arr1=[...new Set(arr)]

---