JavaScript 對(duì)象

JavaScript 提供多個(gè)內(nèi)建對(duì)象，比如 String、Date、Array 等等。

對(duì)象只是帶有屬性和方法的特殊數(shù)據(jù)類型。

在JavaScript中，幾乎用到的每個(gè)js都離不開它的對(duì)象。下面我們深入了解一下js對(duì)象。

js中對(duì)象的分類跟之前我們學(xué)過(guò)的語(yǔ)言中函數(shù)的分類一樣，一個(gè)是系統(tǒng)自帶的叫預(yù)定義對(duì)象，一個(gè)是用戶自己寫的叫自定義對(duì)象。

大體內(nèi)容如下圖所示：

 一：核心對(duì)象

1.Array對(duì)象

數(shù)組對(duì)象，用來(lái)創(chuàng)建數(shù)組，使用new 創(chuàng)建

常用的方法如下圖：

常用屬性：

通過(guò)例子說(shuō)明Array對(duì)象的創(chuàng)建和使用，如下。

<script language="javascript"> 
  var data=new Array("1","2","3");//創(chuàng)建數(shù)組data 
  document.writeln("data的初始內(nèi)容為："+data+","); //輸出數(shù)組內(nèi)容 
  function fun(){  //自定義函數(shù)fun()顯示數(shù)組長(zhǎng)度 
    if(this.length!=0){ 
      document.writeln("<PRE>此數(shù)組的長(zhǎng)度為："+this.length+"</PRE>"); 
    }else{ 
      document.writeln("<PRE>此數(shù)組的長(zhǎng)度為0</PRE>"); 
    } 
  } 
  Array.prototype.fun=fun; //為Array對(duì)象添加fun()方法 
  data.fun();        //調(diào)用fun()方法 
  data=new Array();//清空data數(shù)組內(nèi)容 
  data.fun();//顯示清空后數(shù)組的長(zhǎng)度 
</script> 

運(yùn)行結(jié)果：

說(shuō)明：

prototype用于添加新的屬性和方法，用法為：Array.prototype.functionName=functionName

2，F(xiàn)unction對(duì)象

Function對(duì)象可以在程序執(zhí)行的過(guò)程中動(dòng)態(tài)生成函數(shù)并調(diào)用函數(shù)。

常用屬性如下：

常用方法如下：

下面實(shí)例說(shuō)明：

<script language="javascript"> 
    funSum=new Function("x","y","z=x+y;return z");   //創(chuàng)建函數(shù)funSum（）  
 
    x=prompt("請(qǐng)輸X值：",""); 
    y=prompt("請(qǐng)輸Y值：",""); 
     
    x=Number(x); 
    y=Number(y); 
    alert(newfun(x,y));  //調(diào)用函數(shù)并輸出 
</script> 

注意：Function對(duì)象不可寫成小些的function。Function是對(duì)象，用于動(dòng)態(tài)創(chuàng)建函數(shù)，function是關(guān)鍵字，通過(guò)function new出來(lái)的函數(shù)也是Function對(duì)象的實(shí)例。

3，String對(duì)象

String對(duì)象提供了對(duì)字符串進(jìn)行處理的屬性和方法。使用時(shí)可以直接賦值也可以通過(guò)new創(chuàng)建后再賦值

String對(duì)象有很多方法，主要是用戶有關(guān)字符串在Web頁(yè)面中的顯示格式，字體大小，字體顏色，字符的搜索以及字符的大小寫轉(zhuǎn)換方面的功能。

    通過(guò)以上對(duì)象的prototype屬性，我們也看到了JavaScript的特點(diǎn)，它不僅提供給我們一些功能，還提供給用戶自己添加功能的方法，簡(jiǎn)直是太好了。

二：文檔對(duì)象

document對(duì)象，接觸JavaScript的第一個(gè)例子是通過(guò)ID名稱獲取控件的名稱，里面就用到document，當(dāng)時(shí)沒(méi)有多想，就當(dāng)是關(guān)鍵字過(guò)了。

document對(duì)象是window對(duì)象的屬性，也是唯一的即屬于BOM又屬于DOM的對(duì)象。

說(shuō)到window對(duì)象，我們首先來(lái)看一下window中各對(duì)象間的關(guān)系。如下圖：

了解了大體結(jié)構(gòu)關(guān)系，接下看看看document對(duì)象的常用屬性：

有關(guān)document對(duì)象的方法，這里說(shuō)說(shuō)使用最頻繁的.write()/.writeln()方法。這兩個(gè)方法的作用都是打印字符，不同的是writeln打印完后多了個(gè)換行。 

下面寫一個(gè)用document對(duì)象的write方法動(dòng)態(tài)添加JavaScript文件的實(shí)例

<script language="javascript"> 
  document.write("<script type=\"text/javascript\" src=\"textuser.js\">"+"</scr"+"ipt>"); 
</script> 

這里主要想說(shuō)明</script>為什么是分開的。

我們可以先看一下分開寫的網(wǎng)頁(yè)源碼：

看不出什么不同，接下來(lái)我們看一下不分開時(shí)網(wǎng)頁(yè)源碼：

  結(jié)果很明顯，如果不分開寫</script> 會(huì)和前面的<script>配對(duì)，這樣，瀏覽器會(huì)提示我們有誤。

三：事件對(duì)象

event對(duì)象是一種只與事件處理過(guò)程有關(guān)的對(duì)象。

JavaScript中的事件跟vb中學(xué)過(guò)的事件一致，有鼠標(biāo)事件，鍵盤事件，加載事件，等。。

事件的發(fā)生肯定有其出發(fā)者，觸發(fā)發(fā)生后，這一事件也就隨即結(jié)束。

事件在JavaScript中使用很簡(jiǎn)單，就是在關(guān)鍵字前加On。

以上本文給大家分享的javascript對(duì)象學(xué)習(xí)小結(jié)，欲了解更多，請(qǐng)持續(xù)關(guān)注本站。

最新評(píng)論