一、ES6基础[类、解构]

一、类

1.普通类

// ts语法
class Config {
  list
  Api
  constructor(basedata: any, Api: any) {
    this.list = basedata
    this.Api =Api
  }

  // 查
  SonFinish() {
    console.log(this.Api)
  }
}

export default Config

2.类的继承

// 要先写super并传参进入，如果要重写父类函数，直接起名相同函数进行重写即可
// extends 后面写要继承的类
class BooksConfig extends BaseConfig {
  constructor(Api: any) {
    super([],Api)
  }
}

export default BooksConfig

二、解构

// 对象解构赋值

// 结构可以用在vue3中给ref、reactive定义的响应式变量当中间(非响应式)变量
// 因为结构能直接获取内部的值，故不会将响应式也带给新的变量

const record = {supplierId:1,cateName:2}
const { supplierId, cateName } = record; 
// 等价于
const supplierId = record.supplierId;
const cateName = record.cateName;

// 复杂解构
const data = { name: 123, pname: { cname: 99 } };

// 解构data对象来获取name和cname
const { name, pname: { cname } } = data;
console.log(name); // 输出 123
console.log(cname); // 输出 99