您的位置:首页 > Web前端 > JavaScript

javascript类学习(一)——构造器与原型链实现简单的继承

2016-05-23 16:02 615 查看

javascript类学习(一)——构造器与原型链实现简单的继承

以下的例子是我从《javascript语言精髓实践》中找出的例子,下面是一个简单的实现。

//构造器
function Animal(){};
function Mammal(){};
function Canine(){};
function Dog(){};
function Cat(){};

//原型链
Mammal.prototype = new Animal();
Canine.prototype = new Mammal();
Dog.prototype = new Canine();
Cat.prototype = new Mammal();

function isAnimal(obj){
return obj instanceof Animal;
}

//Dog.prototype.name = 'unknown name';
//Cat.prototype.name = 'unknown name';
Animal.prototype.name = 'unknown name';

Animal.prototype.eat = function () {
alert(this.name + '\t'+'eating');
};
var dog = new Dog();
var cat = new Cat();
var cat2 = new Cat();
alert(isAnimal(dog));
alert(isAnimal(cat));

cat.name = 'kitty';
alert(cat.name);
alert(cat2.name);
cat.eat();
dog.eat();




对应的类继承的结构是这样的。目前正在学习javascript的类实现。在看《javascript 语言精髓实践》的时候得知,javascript中的类是通过构造器和原型链实现的。在这里很推荐这本书。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: