class类的继承和数组常用API演示

// 一、实例演示class类与extends,super等的用法
// 父类
let Small_Head_Dad = class {
    // 构造函数:声明属性
    constructor(name) {
        this.name = name;
        // 技能
        this.sing = '会高歌一曲';
        this.cook = '一桌满汉全席';
    }
    // 方法
    say(){
        return this.name + this.sing
    }
    // 方法
    dinner(){
        return this.name + this.cook
    }
}
// 创建新对象
let datou = new Small_Head_Dad('爸爸')
// 输出父亲会唱歌
console.log(datou.say())
// 儿子继承唱歌   继承
class Big_Head_Son extends Small_Head_Dad {
    constructor(name,sing,status) {
        // super 调用父类成员
        super(name,sing,status);
        // 子类扩展的属性
        this.status = '上学'
    }
    // 子类方法
    school(){
        return this.name + '还在'+this.status
    }
    // 子类方法
    skill(){
      return  this.name + '会'+this.sing
    }
}
let son = new Big_Head_Son('儿子')
// 儿子继承了父亲的唱歌方法
console.log(son.say())
// 子类方法
console.log('子类方法(school):'+son.school())
console.log('子类方法(skill):'+son.skill())
//  二、 实例演示字符串,数组常用API (至少5个以上)
// replace()替换
let  arr = '今天天气怎么样?';
console.log(arr.replace('怎么样?','晴朗！'))  // 今天天气晴朗！
// substring()  提取字符
console.log(arr.substring(0,4))  // 今天天气
// split() 字符串 -> 数组
console.log(arr.split('怎'))  // [ '今天天气', '么样?' ]
// toString() 将数组转为字符串
let arr2 = ['1','3','5','7']
console.log(arr2.toString())   // ['1','3','5','7'] => 1,3,5,7
// reverse() 翻转数组
console.log(arr2.reverse())    // [ '7', '5', '3', '1' ]
// push() 在末尾添加元素
console.log(arr2.push('新增'))  // 返回值是数组长度
console.log(arr2)   // [ '7', '5', '3', '1', '新增' ]
// pop() 删除数组末尾的一个元素
console.log(arr2.pop())   // 返回值是删除的那个元素
console.log(arr2)         // [ '7', '5', '3', '1' ]