ECMAScript-es5中的类和继承

一、es5中的类和继承

1. 类对象下的方法定义在原型下

function People(name, age) {
	this.name = name
  	this.age = age
}
People.prototype.showName = function(){
  console.log('我的名字是' + this.name)
}

2. 静态属性/方法

// name age 实例属性
function People(name, age) {
	this.name = name
  	this.age = age
}
// 静态属性
People.count = 20

// 原型下定义的方法就是实例方法
// 类下定义的方法就是静态方法
People.getCount = function(){
  console.log('数量' + People.count)
}
// 调用
People.getCount()

3. 静态方法中的this指向

function People(name, age) {
	this.name = name
  	this.age = age
}

People.getCount = function(){
  console.log(this) // 这边指向的是People的构造，如果这边获取this.name 是获取不到的undefined
}
// 调用
People.getCount()

4. 类的继承【组合式继承】

// 父类
function Animal(name) {
  this.name = name
}
Animal.prototype.showName = function(){
  console.log('名字是：' + this.name)
}
// 子类
function Dog(name, color) {
  // 继承属性，并不能继承属性
  Animal.call(this, name)
  this.color = color
}
// 原型继承 继承方法
Dog.prototype = new Animal()
Dog.prototype.constuctor = Dog 

// 验证
let d1 = new Dog('zhangsan', 'red')
d1.showName()
console.log(d1)