js实现继承的几种方式

Posted 防空洞123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现继承的几种方式相关的知识,希望对你有一定的参考价值。

// 定义一个动物类
function Animal (name) {
  // 属性
  this.name = name || ‘Animal‘;
  // 实例方法
  this.sleep = function(){
    console.log(this.name + ‘正在睡觉!‘);
  }
}
// 原型方法
Animal.prototype.eat = function(food) {
  console.log(this.name + ‘正在吃:‘ + food);
};
        
function Cat(name){
  Animal.call(this);
  this.name = name || ‘Tom‘;
}
(function(){
  // 创建一个没有实例方法的类
  var Super = function(){};
  Super.prototype = Animal.prototype;
  //将实例作为子类的原型
  Cat.prototype = new Super();
})();
Cat.prototype.run = function(){
    console.log(this.name+"正在抓老鼠");
}

// Test Code
var cat = new Cat("jeetty");
console.log(cat.name);
cat.sleep();
cat.eat(‘饭‘);
cat.run();
console.log(cat instanceof Animal); // true
console.log(cat instanceof Cat); //true

 

以上是关于js实现继承的几种方式的主要内容,如果未能解决你的问题,请参考以下文章

JS实现继承的几种方式(转)

js 实现继承的几种方式

markdown JS实现继承的几种方式

js继承的几种方式

JS实现继承的几种方式

JS继承以及继承的几种实现方式总结