<html>
<head>
<meta charset="UTF-8">
<title>Animal</title>
<script type="text/javascript" >
var Animal = function () {
return {
sayName: function (name) {
alert("My name is " + name);
}
}
}
// Animal object
var animalObj = new Animal();
// Cat1 inherits from animalObj using prototype pattern.
var Cat1 = function () {
var obj = {
run: function () {
alert("I am running...");
},
};
obj.prototype = animalObj;
return obj;
}
// Cat1 inherits from animalObj using Object.create pattern.
var Cat2 = function () {
var obj = Object.create(animalObj);
obj.run = function () {
alert("I am running...");
};
return obj;
}
var cat1 = new Cat1();
cat1.prototype.sayName("Cat1");
cat1.run();
var cat2 = new Cat2();
cat2.sayName("Cat2");
cat2.run();
</script>
</head>
<body>
</body>
</html>我有一个动物课。它有sayName方法。
PrototypeCat1 使用模式从 Animal 继承。
Object.createCat2 使用模式从 Animal 继承。
在 cat1 的情况下，是否可以调用 sayName likecat1.sayName("Cat1")而不是cat1.prototype.sayName("Cat1");？
在cat2的情况下，是否可以定义Cat2自己的属性和功能，然后像继承Animal一样
var Cat2 = function () {
var obj = {
run: function () {
alert("I am running...");
},
};
// Here I want obj inherits Animal. How can I do that?
return obj;
}
这样我就可以有一个干净的结构。我不想像这样使用
obj.run = function () {
alert("I am running...");
};
请说清楚。