注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

JS注入面向对象思想编程(1)  

2011-10-10 13:03:19|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

//JS文件//

//构造函数
(function(){

}())

//基类
function BaseCar(){
//公共属性
this.color="";
this.name="";
this.len="";
}

//基类方法
BaseCar.prototype={
//取得车的基本参数
GetCarParater:function(){
alert("基本参数\r\n车名:"+this.name+",颜色:"+this.color+",长度:"+this.len);
},
//取得车的生产厂家
GetCarFactory:function(str){
alert("生产厂家是:"+str);
}
}

//子类
function Bus(name,color,len){
//初始化父类属性
this.color=color;
this.name=name;
this.len=len;
}
//继承父类的属性和方法
Bus.prototype=new BaseCar();
//重写父类方法
Bus.prototype.GetCarFactory=function(str,address){
alert("巴士生产厂家:"+str+"\r\n地址:"+address);
}
//子类添加新方法
Bus.prototype.GetBusLoad=function(count){
alert("巴士当前载人数是:"+count+"人");
}

//静态变量
Bus.sumLimit=50;
//静态方法
Bus.GetBusSaveLimit=function(){
alert("当前巴士限载人数:"+Bus.sumLimit);
}

html文件调用:
<script type="text/javascript">
function GetObjCar(){

//实例化对象
var busObj=new Bus("红色","奇瑞QQ","2m");
busObj.GetCarParater();
busObj.GetCarFactory("宇通客车","上海市浦东开发区");
busObj.GetBusLoad(60);
Bus.GetBusSaveLimit(); //调用静态方法
}

</script>

  评论这张
 
阅读(404)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017