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

JS中的prototype與面向對象

2013-11-15 11:56:09  來源: JSP教程 

  代碼如下:


<script language="javascript" type="text/javascript">
//()把一個方法變成一個對象為對象創建方法和屬性
var Name = function () {
//通過prototype給一個對象創建方法
NameprototypeAdd = function (num title) {
}
//也可以直接用this加方法名為對象創建方法和上面的等價
thisWay = function (str) {
}
//為對象添加屬性值
Nameprototypexing = "";

//定義靜態屬性和方法
Nameshi = "static";
NameAddd = function (num title) {
}
//靜態定義的局部屬性和方法只能在靜態的類型裡面用
alert(Nameshi);
NameAddd( );

}
//方法也可以這樣聲明
function Name() {
Nameprototypeadd = function () { }
thisway = function () { }
Nameprototypeshu = "other";
}
//靜態定義的全局屬性和方法通用
Namesha = "static";
NameAddd = function () {
}
alert(Namesha); //調用靜態屬性
NameAddd(); //調用靜態方法
var name = new Name();
nameAdd(); //對象調用方法
nameWay();
alert(namexing); //對象調用屬性
/*靜態的全局變量在方法外可以調用靜態的局部變量和方法僅限於方法內使用實例對象不能調用靜態的方法 */
/*實例對象不能使用prototype; */


//()Javascript面向對象 繼承
//父類
function Class() {
thisname = "name";
thismethod = function () {
alert("method");
}
}
//子類
function Class() {
thisname = "name";
thismethod = function () {
alert("method");
}
}
//子類繼承父類
Classprototype = new Class();
var obj = new Class();
alert(objname);
alert(objname);
objmethod();
objmethod();
/****** 子類繼承父類的語法子類prototype=new 父類(); *****/
//()子類重寫父類
//子類
function Class() {
thisname = "name";
thismethod = function () {
alert("method");
}
}
Classprototype = new Class(); //繼承
Classprototypename = "updateName"; //重寫父類的屬性
Classprototypemethod = function () {//重寫父類的方法
alert("UpdateMethod");
}
var obj = new Class();
alert(objname); //顯示updateName
objmethod(); //顯示UpdateMethod
alert(objname);
objmethod();

//(){}裡面的為對象
var arr = new Array();
arrpush({ "name": "" "age": funA: function () { } });
arrpush({ "name": "" "age": });
arrpush({ "name": "" "age": });
for (var i = ; i < arrlength; i++) {
alert(arr[i]name);
alert(arr[i]age);
alert(arr[i]funA());
}
/****一個對象也可以這麼定義***/
var newObject = {
"name": "Jim"
"sex": "Man"
Way: function () { }
};
</script>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19920.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.