JavaScript的對象詳解

標籤：表示   選擇   alert   沒有   應用程式   開發   his   欄位   obj   

JavaScript對象的概述

什麼是對象，其實就是一種類型，即參考型別。而對象的值就是參考型別的執行個體。

在javaScript 中參考型別是一種資料結構，用於將資料和功能組織在一起。它也常被稱做為類，但 javaScript 中卻沒有這種東西（類比）。

雖然 javaScript 是一門物件導向的語言，卻不具備傳統物件導向語言所支援的類和介面等基本結構。

在應用程式中的儲存和傳輸資料而言，它是非常理想的選擇。

　　

 

 

 

javaScript對象的建立方法—使用new運算子建立對象

function objrun(){   return ‘123‘;}var box = new Object();        //建立了一個對象alert(typeof box);            //object類型  即對象       //建立對象的屬性欄位box.name = ‘李炎恢‘;             box.age = 28;box.run = objrun(); alert("我的名字叫"+box.name+",我今年"+box.age+"歲了..........."); //擷取對象的屬性欄位alert(box.run);//調用對象中的方法

new 關鍵字可以省略

var box = Object(); //省略了 new 關鍵字    box.name = ‘黃家艾‘;box.age = 43;alert("我的名字叫"+box.name+",我今年"+box.age+"歲了...........");

 

 

 

 

javaScript對象的建立方法—使用字面量標記法

var box = {    name : ‘李炎恢‘, //建立屬性欄位    age : 28,    run : function () { //對象中的方法        return ‘運行‘;    }};alert("我的名字叫"+box.name+",我今年"+box.age+"歲了..........."); alert(box.run()) ;//調用對象中的方法

屬性欄位也可以使用字串形式

var box = {    ‘name‘ : ‘李炎恢‘, //建立屬性欄位    ‘age‘ : 28};alert("我的名字叫"+box.name+",我今年"+box.age+"歲了...........");

建立對象的時候使用字面量方式建立，但可以在給對象建立欄位的時候使用傳統方式

var box = {};     //字面量方式聲明空的對象    box.name = ‘李炎恢‘; //傳統方式給對象建立欄位屬性box.age = 28;//屬性的輸出方式有兩種alert (box.age); //點標記法輸出alert("我的名字叫"+box[‘name‘]+",我今年"+box[‘age‘]+"歲了...........");//中括弧標記法輸出，注意需要加上引號

 

 

 

javaScript對象的建立方法—顯示的建構函式來建立對象

任何一個函數只要被new運算子使用了，那麼這個函數就可以變成建構函式

var M = function(){  this.name = "o2";  }var o2 = new M();alert(o2.name);

 

 

 

javaScript對象的建立方法—Object.create()

var p = {    name:"o3"};var o3 = Object.create(p)alert(o3.name);

 

 

 

將對象作為函數的參數傳遞

在實際開發過程中，一般我們更加喜歡字面量的聲明方式。因為它清晰，文法代碼少，而且還給人一種封裝的感覺。字面量也是向函數傳遞大量選擇性參數的首選方式。

　　function box(obj) { //參數是一個對象　　　　if (obj.name != undefined) 　　　　　　alert(obj.name); //判斷屬性是否存在　　　　if (obj.age != undefined) 　　　　　　alert(obj.age);　　}　　var obj={　　　　name : ‘李炎恢‘,　　　　age : 28　　}　　box(obj);

 　　　　

 

使用 delete 刪除對象屬性

    var box = {　　　　name = ‘東方卡‘;　　}　　alert(box.name);　　delete box.name;　　alert(box.name);//已被刪除，undefined

 

JavaScript的對象詳解