JS中prototype關鍵字的功能介紹及使用示例

　　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>

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20470.html