多语言展示
当前在线:1090今日阅读:167今日分享:16

JS在继承的时候有哪些方法?

S作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?分享给大家几种方法
方法/步骤
1

既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类 function Animal (name) {  // 属性  this.name = name || 'Animal';  // 实例方法  this.sleep = function(){    console.log(this.name + '正在睡觉!');  } } // 原型方法 Animal.prototype.eat = function(food) {  console.log(this.name + '正在吃:' + food); };

2

原型链继承function Cat(){ } Cat.prototype = new Animal(); Cat.prototype.name = 'cat'; // Test Code var cat = new Cat(); console.log(cat.name); console.log(cat.eat('fish')); console.log(cat.sleep()); console.log(cat instanceof Animal); //true console.log(cat instanceof Cat); //true

3

构造继承function Cat(name){  Animal.call(this);  this.name = name || 'Tom'; } // Test Code var cat = new Cat(); console.log(cat.name); console.log(cat.sleep()); console.log(cat instanceof Animal); // false console.log(cat instanceof Cat); // true

4

实例继承function Cat(name){  var instance = new Animal();  instance.name = name || 'Tom';  return instance; } // Test Code var cat = new Cat(); console.log(cat.name); console.log(cat.sleep()); console.log(cat instanceof Animal); // true console.log(cat instanceof Cat); // false

推荐信息