javascript的 继承
2014-03-10 09:21
99 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
//创建连接一个字符串父类
function StringBuffer()
{
//私有属性 _strings
this._strings= new Array;
}
//以下为StringBuffer类2个方法
StringBuffer.prototype.append = function (str)
{
this._strings.push(str);
}
StringBuffer.prototype.toString = function(){
return this._strings.join('');
}
//子类
function StringBufferA()
{
}
//继承父类所有属性与方法
StringBufferA.prototype = new StringBuffer();
//复写父类方法toString
StringBufferA.prototype.toString = function(type){
return this._strings.join(type);
}
//测试代码
function test()
{
//基类
var buffer = new StringBuffer();
buffer.append("Hello");
buffer.append("World");
var result = buffer.toString();
alert(result);
//继承类
var bufferA = new StringBufferA();
bufferA.append("Hello");
bufferA.append("World");
var resultA = bufferA.toString('--------');
alert(resultA);
}
window.onload=test;
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
//创建连接一个字符串父类
function StringBuffer()
{
//私有属性 _strings
this._strings= new Array;
}
//以下为StringBuffer类2个方法
StringBuffer.prototype.append = function (str)
{
this._strings.push(str);
}
StringBuffer.prototype.toString = function(){
return this._strings.join('');
}
//子类
function StringBufferA()
{
}
//继承父类所有属性与方法
StringBufferA.prototype = new StringBuffer();
//复写父类方法toString
StringBufferA.prototype.toString = function(type){
return this._strings.join(type);
}
//测试代码
function test()
{
//基类
var buffer = new StringBuffer();
buffer.append("Hello");
buffer.append("World");
var result = buffer.toString();
alert(result);
//继承类
var bufferA = new StringBufferA();
bufferA.append("Hello");
bufferA.append("World");
var resultA = bufferA.toString('--------');
alert(resultA);
}
window.onload=test;
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
相关文章推荐
- Javascript面向对象编程(三):非构造函数的继承
- JavaScript 继承方式(3)
- JavaScript: 继承
- javascript 模拟java 实现继承的5种方式
- JavaScript强化教程——Cocos2d-JS中JavaScript继承
- JavaScript继承详解(三)
- JavaScript高级程序设计学习笔记--面向对象的程序设计(二)-- 继承
- JavaScript继承详解(三)
- JavaScript对象与继承
- 玩转JavaScript OOP[3]——彻底理解继承和原型链
- 阿里巴巴技术文章分享 Javascript继承机制的实现
- JavaScript 六种继承方式
- JavaScript中的类继承
- Simple JavaScript Inheritance - javascript中的简单继承
- Javascript面向对象编程(二):构造函数的继承
- [乐意黎转载]JavaScript原型彻底理解2---继承中的原型链
- Javascript面向对象编程(二):构造函数的继承
- javascript继承总结(1)
- Javascript 继承的六种方法
- Javascript 原型继承小例子