prototype 关键字可以为 JS原有对象 或者 自己创建的类 中添加方法或者属性
也可以实现继承
例子
复制代码 代码如下:
<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<meta httpequiv="ContentType" content="text/html; charset=utf" />
<title>JS中 prototype 关键字的使用</title>
</head>
<script>
<! demo JS中原有对象中 添加方法 >
Numberprototypeadd = function (num){
return this+num;
}
function but_click(){
alert(()add());
}
<! demo JS中新建对象中 添加属性 方法 >
function Car(cColorcWeight){
thiscColor = cColor;
thiscWeight = cWeight;
}
Carprototypedrivers = new Array(zhangsanlisi);
Carprototypework = function (cLong){
alert("我跑了"+cLong+"公里");
}
function but_click(){
var c = new Car("red""");
cdriverspush(zhaoliu);
alert(cdrivers);
cwork();
}
<! demo JS中新建对象中 添加属性 方法 紧凑的写法 >
function Rectangle(rWeightrHeight){
thisrWeight = rWeight;
thisrHeight = rHeight;
if( typeof this_init == undefined){
Rectangleprototypetest = function (){
alert("test");
}
}
this_init = true;
}
function but_click(){
var t = new Rectangle();
ttest();
}
<! demo prototype 继承 >
function objectA(){
thismethodA = function (){
alert("我是A方法");
}
}
function objectB(){
thismethodB = function (){
alert("我是B方法");
}
}
objectBprototype = new objectA();
function but_click(){
var t = new objectB();
tmethodB();
tmethodA();
}
</script>
<body>
<h> prototype 关键字的使用 </h>
<hr />
<input id="but" type="button" value="demo" onclick="but_click()" />
<input id="but" type="button" value="demo" onclick="but_click()" />
<input id="but" type="button" value="demo" onclick="but_click()" />
<input id="but" type="button" value="demo" onclick="but_click()" />
</body>
</html>
