[JavaScript知识库]ES6总结

今天我们来学习一下ES6内容:

第一个知识点：

了解ES6是什么?

????????ES6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。ECMA Script,JavaScript的语言标准。

优点：提升JS编写大型的复杂应用程序的能力。

不足：对浏览器存在兼容性问题。

第二个知识点：

变量声明关键字：val；let；const

第三个知识点：

结构分为数组和对象两个内容：

数组的定义：把数组或对象解析为单独变量；

数组的基本格式为var [a,b,c="default",...rest]=arr

数组中的逗号代表一位，而...rest可以代表剩余的所有（注意：这个只能放在最后）

数组是可以有默认值的

对象的基本格式为var{name,age,say="love you",...rest}=obj；

对象中的解析是没有顺序的

第四个知识点：

字符串：字符串模板`${js变量}`可以换行，可以加特殊符号

第五个知识点：

数组高阶方法：

第六个知识点：

箭头函数：

01、箭头函数省略function
02、=>左边参数
03、箭头右边函数体、返回值
04、穿参0个或者2个以上参数加上括号
05、如何函数体有多行需要加上{}如果需要返回值return
06、如果返回的是一个对象则用（）包裹对象（{}）
07、箭头函数this指向上一层作用域的this

第七个知识点：

函数：

默认参数：function fn(a=10,b=20){}

调用：扩展参：fn(...arr)

定义：不定参：function(...arr){}

第八个知识点：

对象：

对象简写分为变量和值简写? 函数function简写

对象简写基本为：

????????????????????????var name="mumu"
????????????????????????var obj={
????????????????????????name,
????????????????????????say(){alert(this.name)}
???????????????????????}

对象动态属性基本格式为：{[nick+"msg"]:'你好呀'}

第九个知识点：

类：

01：面向对象基本特点：封装；继承；多态；接口

02：?extende：继承
????????constructor：构造函数
????????super：超类
????????static：静态

03：定义类的方法：

????????????????????????????????class Person{
?? ?????????????????????????????????constructor（name,age）{
?? ??? ?????????????????????????????????this.name=name;
?? ??? ?????????????????????????????????this.age=age;
?? ?????????????????????????????????}
?? ?????????????????????????????????say(){
?? ??? ?????????????????????????????????alert("你好“)
?? ?????????????????????????????????}
????????????????????????????????}

04：实例化类：var pl=new Person()

05：类中的this：Person类中的this指向当前类的实例（pl）

06：继承：

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

第十个知识点：

模块：分为模块导入和模块导出

模块导入：01：import{name，fun，Square}from ‘./api.js’

? ? ? ? ? ? ? ? ? 02：import Square from ‘./api.js’
? ? ? ? ? ? ? ? ? ? ? ? ?import Sq from './api.js'

? ? ? ? ? ? ? ? ? 03：别名as,*代表所有
?????????????????????????import*api from '.api.js'
?????????????????????????api.name：api.fun()

? ? ? ? ? ? ? ? ?04：别名
????????????????????????import Square,{name,fun,as,fn} from './api.js'

模块导出：exeport{name，fun，Square}? ?导出多次
??????????????????exprt default Square；? 默认只能导出一次

第十一个知识点：

set：

set定义是没有重复元素的集合（数组）

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)]