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

ianylb

浏览: 74403 次
性别:
来自: 厦门

最近访客更多访客>>

uid81

dragoonfeng

tank924

jacky_X

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

<!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>

分享到：

Servlet的Redirect与Forward的区别 | CentOs图形界面的开启与关闭

2011-08-06 02:51
浏览 1114
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论