with 語句 為一個(gè)或一組語句指定默認(rèn)對象。

用法: with (<對象>) <語句>;

with 語句通常用來縮短特定情形下必須寫的代 " /> 国产成人av免费,免费观看h视频,午夜精品一区二区三区在线播放

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

JavaScript中的對象化編程

關(guān)于對象化編程的語句 現(xiàn)在我們有實(shí)力學(xué)習(xí)以下關(guān)于對象化編程,但其實(shí)屬于上一章的內(nèi)容了。

with 語句 為一個(gè)或一組語句指定默認(rèn)對象。

用法:
with (<對象>) <語句>;

with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中,請注意 Math 的重復(fù)使用:
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
y = Math.tan(14 * Math.E);

當(dāng)使用 with 語句時(shí),代碼變得更短且更易讀:
with (Math) {
  x = cos(3 * PI) + sin(LN10);
  y = tan(14 * E);
}

this 對象 返回“當(dāng)前”對象。在不同的地方,this 代表不同的對象。如果在 JavaScript 的“主程序”中(不在任何 function 中,不在任何事件處理程序中)使用 this,它就代表 window 對象;如果在 with 語句塊中使用 this,它就代表 with 所指定的對象;如果在事件處理程序中使用 this,它就代表發(fā)生事件的對象。

一個(gè)常用的 this 用法:
<script>
...
function check(formObj) {
  ...
}
...
</script>

<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...
</body>

這個(gè)用法常用于立刻檢測表單輸入的有效性。

自定義構(gòu)造函數(shù) 我們已經(jīng)知道,Array(),Image()等構(gòu)造函數(shù)能讓我們構(gòu)造一個(gè)變量。其實(shí)我們自己也可以寫自己的構(gòu)造函數(shù)。自定義構(gòu)造函數(shù)也是用 function。在 function 里邊用 this 來定義屬性。
function <構(gòu)造函數(shù)名> [(<參數(shù)>)] {
  ...
  this.<屬性名> = <初始值>;
  ...
}

然后,用 new 構(gòu)造函數(shù)關(guān)鍵字來構(gòu)造變量:
var <變量名> = new <構(gòu)造函數(shù)名>[(<參數(shù)>)];

構(gòu)造變量以后,<變量名>成為一個(gè)對象,它有它自己的屬性――用 this 在 function 里設(shè)定的屬性。

以下是一個(gè)從網(wǎng)上找到的搜集瀏覽器詳細(xì)資料的自定義構(gòu)造函數(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();

這個(gè)構(gòu)造函數(shù)非常完整的搜集了瀏覽器的信息。我們看到它為對象定義了很多個(gè)屬性:major, minor, ns, ie, win, mac 等等。它們的意思見上面的注釋。把 is 變量定義為 Is() 對象后,用 if (is.ns) 這種格式就可以很方便的知道瀏覽器的信息了。我們也可以從這個(gè)構(gòu)造函數(shù)中看到,它也可以使用一般的 JavaScript 語句(上例中為 var 語句)。

讓我們再來看一個(gè)使用參數(shù)的構(gòu)造函數(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');

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

JavaScript技術(shù)JavaScript中的對象化編程,轉(zhuǎn)載需保留來源!

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

主站蜘蛛池模板: 国产农村妇女毛片精品久久麻豆 | 在线电影日韩 | 亚洲一区二区三区在线播放 | 国产精品欧美一区二区三区 | 国产成人99久久亚洲综合精品 | 在线观看精品 | 日本在线中文 | 97成人免费 | 伊人狠狠操 | 日韩成人免费av | 亚洲 欧美 激情 另类 校园 | www.久| av日韩精品| 亚洲黄色片免费观看 | 国产精品免费一区二区三区 | 国产中文一区二区三区 | 日韩欧美大片在线观看 | 午夜在线精品偷拍 | 视频在线观看一区二区 | 久久精品视频网站 | 日本不卡一区二区三区 | 亚洲乱码一区二区 | 亚洲精品一区二区在线观看 | 欧美在线视频一区二区 | 九九热在线观看视频 | 国产日韩欧美一区二区在线播放 | 国产成人精品综合 | 欧美成人免费电影 | 久久99精品久久久97夜夜嗨 | 国产精品美女一区二区三区 | 99在线观看视频 | 色桃网 | 国产日韩欧美激情 | 99精品久久 | 国产高清久久久 | 国产精品视频导航 | 国产综合久久 | 97免费视频在线观看 | 色综合99| 精品一区二区三区在线观看国产 | 九色网址 |