JavaScript 對象

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

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

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

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

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

 一：核心對象

1.Array對象

數(shù)組對象，用來創(chuàng)建數(shù)組，使用new 創(chuàng)建

常用的方法如下圖：

常用屬性：

通過例子說明Array對象的創(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ù)組長度 
    if(this.length!=0){ 
      document.writeln("<PRE>此數(shù)組的長度為："+this.length+"</PRE>"); 
    }else{ 
      document.writeln("<PRE>此數(shù)組的長度為0</PRE>"); 
    } 
  } 
  Array.prototype.fun=fun; //為Array對象添加fun()方法 
  data.fun();        //調(diào)用fun()方法 
  data=new Array();//清空data數(shù)組內(nèi)容 
  data.fun();//顯示清空后數(shù)組的長度 
</script> 

運行結(jié)果：

說明：

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

2，F(xiàn)unction對象

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

常用屬性如下：

常用方法如下：

下面實例說明：

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

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

3，String對象

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

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

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

二：文檔對象

document對象，接觸JavaScript的第一個例子是通過ID名稱獲取控件的名稱，里面就用到document，當時沒有多想，就當是關(guān)鍵字過了。

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

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

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

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

下面寫一個用document對象的write方法動態(tài)添加JavaScript文件的實例

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

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

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

看不出什么不同，接下來我們看一下不分開時網(wǎng)頁源碼：

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

三：事件對象

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

JavaScript中的事件跟vb中學過的事件一致，有鼠標事件，鍵盤事件，加載事件，等。。

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

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

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

最新評論