JavaScript面向对象及原型继承(实例)

最新推荐文章于 2024-07-23 11:32:13 发布

yelb_ianylb

最新推荐文章于 2024-07-23 11:32:13 发布

阅读量109

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JavaScript的原型继承</title>
<script>
/*Description: 这段js主要是讲述如何创建JavaScript对,象,以及JavaScript的原型继承*/
//创建一个对象的第一种方式
var Hello = function(){
var msg = "Hello World";
this.println = function(printMsg){
printMsg = printMsg || msg;
document.writeln(printMsg + " ");
}
}

var hello = new Hello();
hello.println("Hello yelb");
hello.println();
document.writeln(" ****************************************************** ");
//创建狗的类
var Dog = function(){
}; // var Dog = new Object(); 这几种是创建类的效果是一样的,var Dog = {}这种方式创建的对象是没用prototype,没有构造器的。
Dog.prototype = {
eat: function(){
document.writeln("the dog eat dog-food ");
},
run: function(){
document.writeln("the dog run for joy ");
},
sleep: function(){
document.writeln("the dog so tire,so it sleep ");
}
}

var dog = new Dog();
dog.eat();
dog.run();
dog.sleep();
document.writeln(" ****************************************************** ");
//js继承的两种方式－－第一种
var Collie = function(){
};//古代长须牧羊犬
Collie.prototype = new Dog();
Collie.prototype.action = function(){
document.writeln("Collie's actions is eat,run,sleep ");
}
var collie = new Collie();
collie.eat();
collie.run();
collie.sleep();
collie.action();
document.writeln(" ****************************************************** ");
//js继承的两种方式－－第二种
var Bulldog = function(){ //Bulldog:老虎犬
var dog = new Dog();
for (var key in dog) {
this[key] = dog[key];
}
this.action = function(){
document.writeln("I'll show Bulldog special actions ");
this.eat();
this.run();
this.sleep();
}
}
var bulldog = new Bulldog();
bulldog.action();
document.writeln(" ****************************************************** ");

/**

var Test = {};

var test = new Test();//这种做法是失败的

*/

</script>
</head>
<body>
</body>
</html>

yelb_ianylb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript面向对象及原型继承(实例)

JavaScript的原型继承 /*Description: 这段js主要是讲述如何创建JavaScript对,象,以及JavaScript的原型继承*/ //创建一个对象的第一种方式 var Hello = function(){ var msg ...
复制链接

扫一扫

专栏目录