当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript的面向对象(二)

Javascript
文档对象模型(DOM)的技巧和诀窍
Javascript在IE与firefox中表现的异同
文档对象模型(DOM)的基本方法
javaScript DOM方法与属性摘要
Javascript的一些属性讲解
JavaScript代码规范
IE和Firefox的兼容性问题
innerHTML,outerHTML,innerText,outerText
FireFox支持innerText
JavaScript Dom编程:介绍学习书籍
JavaScript教程:关于时间格式转换
JavaScript教程:判断日期正确与否的函数
解决JS脚本兼容的几个小技巧
使用createElement动态创建HTML对象
Javascript事件处理代码的三种写法
Javascript教程:展示风格的价值
Javascript在IE和FF里的兼容问题
JavaScript扩展:正则像函数一样调用
初学Ajax须注意的几个问题
学习JavaScript的事件

Javascript 中的 JavaScript的面向对象(二)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 278 ::
收藏到网摘: n/a

上一篇写的废话太多,写得很烂,这一次讲讲继承吧,我们上一节知道了prototype,现在我从prototype下手来实现方法
<scrīpt LANGUAGE="Javascrīpt">
<!--
function 职业(){
var 须知="每天要好好上班";
}
职业.prototype.上班=function(name){
return name+"上班";
}
职业.prototype.下班=function(){
return "下班";
}
Function.prototype.extend=function(superClass){
for(var $p in superClass.prototype){
this.prototype[$p]=superClass.prototype[$p];
}
delete $p;
}
function 演员(){
}
演员.prototype.上电视=function(person){
return person+"上电视";
}
function 小丑(){
}
小丑.prototype.行头=function(){
return "夸张的笑";
}
演员.extend(职业);
var 张三=new 演员();
alert(张三.上班("张三"));
小丑.extend(演员);
var 小卓=new 小丑();
alert(小卓.上班("小卓"));
alert(小卓.行头());
alert(小卓.上电视("小卓表演的节目"));
//-->
</scrīpt>

只是写了一个继承的小例。
这样,在不考虑父类方法与子类方法的情况下如此做,有点荒缪了。先写到这
儿,后面再写了。