熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

2013-11-15 12:11:32  來源: JSP教程 

  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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.