ES6 Class

这篇博客介绍了JavaScript中的类和继承概念。首先展示了ES5的函数式构造函数,然后过渡到ES6的类语法,包括构造函数和方法定义。接着讲解了类的继承,通过`extends`关键字实现子类对父类的继承,并展示了不同写法。最后演示了一个子类`Teacher`继承自`Father`的例子,展示子类如何覆写和新增方法。
摘要由CSDN通过智能技术生成
// console.log('hello')

// function Father () {
//   this.name = '父亲'
//   this.age = '66'
//   this.say = function () {
//     console.log(" I'm father")
//   }
// }

// const abb = new Father()
// console.log(abb.name) // 父亲

// ES6 新写法
class Father {
  constructor () {
    this.name = '父亲'
    this.age = '66'
  }

  say () {
    console.log(" I'm father")
  }
}
const add2 = new Father()
console.log(add2.name) // 父亲
add2.say() // I'm father

// 继承
class Teacher extends Father {
  // 复杂的写法
  // constructor () {
  //   // constructor 里面调用 this 之前, 一定要写super()
  //   super()
  //   this.name = '老师'
  // }

  // 简单写法
  name = '老师'
  song () {
    console.log('song')
  }
}
const add3 = new Teacher()
console.log(add3.name) // 老师
add3.song() // song

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值