菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 裴虎伟-前端(31)_20230104 [打印本页]

作者: faith 时间: 2023-1-6 09:24
标题: 裴虎伟-前端(31)_20230104
一、今日所学内容
1、继承
（1）子类继承父类的所有特征（属性和方法）
（2）ES5继承：寄生组合式继承
（3）ES5继承
继承属性：.call
继承方法：Object.create()
找回子类的构造函数：子类.prototype.constructor=子类；
（4）ES6继承
写法：
class子类名extends父类名{
   constructor(各种属性){
            super(需要继承的属性)；
      }；
}；

（5）ES6的类
自动挂载new出来的实例对象上的这些属性最终会成为实例对象的属性
如果不需要传参，是写死的，就没有必要放在constructor里面

2、解构赋值
（1）解构数组
letarr=[1,2,3];
//把数组中的值取出来，放在三个变量中
//使用let一次声明三个变量，按照顺序把数组中的值取出来，赋值给对应的变量
let[变量1,变量2,变量3]=arr;
（2）解构对象
let{key1,key2,key3}=o;
//通过键值对
（3）解构函数参数
实质：解构数组和解构对象

3、展开运算符
（1）语法：...
展开字符串
展开数组
展开对象
展开参数：剩余参数...rest
伪数组转真数组

4、ES6模块的导入和导出
（1）单个导出
exportconstuserName='xxx'；
exportfunctionshow(){}；
（2）单个导入
import{userName,show}from'./文件路径全程'；
（3）一起导出
exportdefault{key1:value1,key2:value2};
（4）一起导入
import变量from'./文件路径全程'；
变量：就是暴露的那个对象
（5）ES6模块化的优势：快

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)