天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

JavaScript入門教程(12) js對象化編程

with 語句 為一個或一組語句指定默認對象。
用法:
with (<對象>) <語句>;
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中,請注意 Math 的重復使用:
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
y = Math.tan(14 * Math.E);
當使用 with 語句時,代碼變得更短且更易讀:
復制代碼 代碼如下:
with (Math) {
x = cos(3 * PI) + sin(LN10);
y = tan(14 * E);
}

this 對象 返回“當前”對象。在不同的地方,this 代表不同的對象。如果在 JavaScript 的“主程序”中(不在任何 function 中,不在任何事件處理程序中)使用 this,它就代表 window 對象;如果在 with 語句塊中使用 this,它就代表 with 所指定的對象;如果在事件處理程序中使用 this,它就代表發(fā)生事件的對象。
一個常用的 this 用法:
復制代碼 代碼如下:
<script>
...
function check(formObj) {
...
}
...
</script>
<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...
</body>

這個用法常用于立刻檢測表單輸入的有效性。
自定義構造函數(shù) 我們已經(jīng)知道,Array(),Image()等構造函數(shù)能讓我們構造一個變量。其實我們自己也可以寫自己的構造函數(shù)。自定義構造函數(shù)也是用 function。在 function 里邊用 this 來定義屬性。
復制代碼 代碼如下:
function <構造函數(shù)名> [(<參數(shù)>)] {
...
this.<屬性名> = <初始值>;
...
}

然后,用 new 構造函數(shù)關鍵字來構造變量:
var <變量名> = new <構造函數(shù)名>[(<參數(shù)>)];
構造變量以后,<變量名>成為一個對象,它有它自己的屬性――用 this 在 function 里設定的屬性。
以下是一個從網(wǎng)上找到的搜集瀏覽器詳細資料的自定義構造函數(shù)的例子:
復制代碼 代碼如下:
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion); //主版本號
this.minor = parseFloat(navigator.appVersion);//全版本號
this.ns = ((agent.indexOf('mozilla')!=-1) &&
((agent.indexOf('spoofer')==-1) && //是否 NETscape
(agent.indexOf('compatible') == -1)));
this.ns2 = (this.ns && (this.major == 3)); //是否 NETscape 2
this.ns3 = (this.ns && (this.major == 3)); //是否 NETscape 3
this.ns4b = (this.ns && (this.minor < 4.04)); //是否 NETscape 4 低版本
this.ns4 = (this.ns && (this.major >= 4)); //是否 NETscape 4 高版本
this.ie = (agent.indexOf("msie") != -1); //是否 IE
this.ie3 = (this.ie && (this.major == 2)); //是否 IE 3
this.ie4 = (this.ie && (this.major >= 4)); //是否 IE 4
this.op3 = (agent.indexOf("opera") != -1); //是否 Opera 3
this.win = (agent.indexOf("win")!=-1); //是否 Windows 版本
this.mac = (agent.indexOf("mac")!=-1); //是否 Macintosh 版本
this.unix = (agent.indexOf("x11")!=-1); //是否 Unix 版本
}
var is = new Is();

這個構造函數(shù)非常完整的搜集了瀏覽器的信息。我們看到它為對象定義了很多個屬性:major, minor, ns, ie, win, mac 等等。它們的意思見上面的注釋。把 is 變量定義為 Is() 對象后,用 if (is.ns) 這種格式就可以很方便的知道瀏覽器的信息了。我們也可以從這個構造函數(shù)中看到,它也可以使用一般的 JavaScript 語句(上例中為 var 語句)。
讓我們再來看一個使用參數(shù)的構造函數(shù):
復制代碼 代碼如下:
function myFriend(theName, gender, theAge, birthOn, theJob) {
this.name = theName;
this.isMale = (gender.toLowerCase == 'male');
this.age = theAge;
this.birthday = new Date(birthOn);
this.job = theJob
}
var Stephen = new myFriend('Stephen', 'Male', 18, 'Dec 22, 1982', 'Student');

從這個構造函數(shù)我們不但看到了參數(shù)的用法,還看到了不同的屬性用不同的數(shù)據(jù)型是可以的(上例五個屬性分別為:字符串,布爾值,數(shù)字,日期,字符串),還看到了構造函數(shù)里也可以用構造函數(shù)來“構造”屬性。如果用了足夠的“保護措施”來避免無限循環(huán),更可以用構造函數(shù)自身來構造自己的屬性。

JavaScript技術JavaScript入門教程(12) js對象化編程,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 全黄H全肉细节文NP 全黄h全肉细节全文 | 精品国产麻豆AV无码 | 久久久久久久久亚洲 | 久草大| 全黄H全肉细节文NP 全黄h全肉细节全文 | 欧美一区二区VA毛片视频 | 麻豆一区二区三区蜜桃免费 | 窝窝午夜色视频国产精品东北 | 纯肉无码AV在线看免费看 | 色婷婷AV国产精品欧美毛片 | 亚洲在线v观看免费国 | 美女被强奷到抽搐的动态图 | 国产精品美女久久久网站动漫 | 99久久99久久精品 | 色妞色视频一区二区三区四区 | 狂野欧美性猛XXXX乱大交 | 乡土女性网动态图解 | 青青伊人久久 | 亚洲国产在线视频中文字 | 亚洲大片免费观看 | 欧美日韩亚洲综合2019 | 棉签和冰块怎么弄出牛奶视频 | 极品色αv影院 | 免费乱理伦片在线观看八戒 | 精品久久伦理中文字幕 | 美女扒开尿孔 | 草莓在线观看 | 久久性生大片免费观看性 | 97精品国产自产在线观看永久 | 国产精品久久婷婷五月色 | 国产精品一区二区激情 | 国产精一品亚洲二区在线播放 | 青青草狠狠干 | 一级做a爰片久久毛片潮喷动漫 | 中文字幕在线观看 | 一区二区视频在线观看高清视频在线 | 菠萝菠萝蜜免费播放高清 | 国产AV精品久久久毛片 | 久久机热免费视频 | 精品国产国产精2020久久日 | 爱情岛论坛网亚洲品质 |