js 用es5写类的继承
时间: 2023-12-24 17:06:18 浏览: 132
Typescript中的类 Es5中的类和静态方法 继承
// 父类
function Animal(name) {
this.name = name;
}
Animal.prototype.sayName = function() {
console.log('My name is ' + this.name);
};
// 子类
function Cat(name) {
Animal.call(this, name);
}
// 继承父类原型上的方法
Cat.prototype = Object.create(Animal.prototype);
// 修正 constructor 指向
Cat.prototype.constructor = Cat;
// 新增子类原型上的方法
Cat.prototype.sayMeow = function() {
console.log('Meow!');
};
// 实例化子类
var myCat = new Cat('Tom');
// 调用继承自父类的方法
myCat.sayName(); // 输出:"My name is Tom"
// 调用子类自己的方法
myCat.sayMeow(); // 输出:"Meow!"
阅读全文