第八章——對象

    由於JavaScript是一種基於原型的語言，全部JavaScript中對象的工做方式，與其餘基於類的語言中的對象不一樣。JavaScript對象基本上是屬性和值的集合，這在編程中稱爲哈希表（hash table）。其中的值能夠是任意類型的數據，包括函數、數組和其餘對象。可使用對象從一處向另外一處傳遞多個值（當使用JSON在JavaScript和另外一門語言之間傳遞數據時，這是很是容易的，後面章節將對此進行討論）

一.建立單一對象（單一對象用於特定目的，例如建立名值對，或建立不與其餘對象共享代碼的惟一對象）的方法：

①對象構造函數

var car=new Object();
car.seats="cloth";
car.engine="V-6";
car.show_features=function(){
    window.alert("car:"+car.seats+"seats,"+car.engine+"engine");
    };
car.show_features();

或者(先創造函數，而後將此函數賦值給對象的函數）

var car=new Object();
car.seats="cloth";
car.engine="V-6";
function my_alert(){
    window.alert("car:"+car.seats+"seats,"+car.engine+"engine");
    };
car.show_features=my_alert;
car.show_features();

 ②對象字面量表示法

var car={
    seats:"cloth",
    engine:"V-6", 
    show_features:function(){
        window.alert("car:"+car.seats+"seats,"+car.engine+"engine");
        }
}

二.訪問屬性值：

①圓點表示法：window.alert(car.seats);

②括號表示法：window.alert(car["seats"]);

當須要使用屬性名但它被存儲在變量中時，括號表示法的這個特性會很是有用。由於圓點表示法只容許使用基本的屬性名稱，不能使用變量值。

三.對象結構：當以特定的方式編寫對象時，能夠建立一個對象，將它做爲其餘對象的結構或者模型。

①構造函數，構造函數能夠爲對象建立可重用代碼（注意函數名以大寫字母(C)開頭，這非必須，但有助於與其餘類型的函數區分開來）

function Car(seats,engine,radio){

    this.seats=seats;

    this.engine=engine;

    this.radio=radio;

    this.describe=function(){

        document.write("This amazing car has these features:");

        document.write(this.seats+"seats,"+this.engine+"engine,"+this.radio);

    };

}

var car1=new Car("cloth","v-6","Tape Deck");

car1.describe();

在構造函數中添加方法這種方式很是直接，但對於對象的每一個實例都會建立一個相同任務的函數方法，將會耗費時間和空間。看下面的方法：

function Car(seats,engine,radio){

    this.seats=seats;

    this.engine=engine;

    this.radio=radio;

    this.describe=describe_car();

}

function describe_car(){

        document.write("This amazing car has these features:");

        document.write(this.seats+"seats,"+this.engine+"engine,"+this.radio);

}

不過，這種方法也有不利之處：如今該方法函數是全局，這樣大量應該在Car結構的局部上下文以內的函數都出如今全局上下文中，從而使全局上下文變得混亂。爲了解決這個問題，下面將學習使用原型。

四.使用原型：JavaScript中的每一個函數都有prototype（原型）屬性，該屬性是一個對象，其中包含用該函數建立的每一個對象實例均可以使用的屬性和方法。對於共享的屬性和方法，這種方式將使代碼很容易就能夠跨實例重用。

function Car(seats,engine,radio){

    this.seats=seats;

    this.engine=engine;

    this.radio=radio;

}

Car.prototype.locks="automatic";

var car1=new Car("cloths","V-6","Type Deck");

window.alert(car1.locks);//automatic

原理：在JavaScript中，調用對象的屬性或方法將首先檢查嘗試使用它的對象。若是沒法找到相應的屬性或方法，並不會馬上放棄。相反，JavaScript將搜索對象原型來檢查是否有匹配的值。實際上可向實例中添加與原型中的屬性同名的屬性，這將有效的隱藏該對象原型中的同名屬性的值。

function Car(seats,engine,radio){

    this.seats=seats;

    this.engine=engine;

    this.radio=radio;

}

Car.prototype.locks="automatic";

var car1=new Car("cloths","V-6","Type Deck");

car1.locks="manual";

window.alert(car1.locks);//manual

五.hasOwnProperty()方法：

有時要確認在對象實例（不是原型）中是否存在某個屬性。若是存在，該方法返回true，不然false；

function Car(seats,engine,radio){

    this.seats=seats;

    this.engine=engine;

    this.radio=radio;

}

Car.prototype.locks="automatic";

var car1=new Car("cloths","V-6","Type Deck");

var ca2=new Car("cloth","V-4","CD Changer");

car1.locks="manual";

window.alert(car1.locks);//manual

window.alert(car1.locks);//automatic

window.alert(car1.hasOwnProperty("locks");//true

window.alert(car2.hasOwnProperty("locks");//false

六.爲方法使用原型：由於原型在對象的構造函數以外，並不在全局上下文中，所以它是添加方法函數的最佳位置，這些方法函數將在對象的每一個實例之間共享。將對象每一個實例的屬性添加到構造函數中（若是它們具備惟一值），並將方法添加到原型中，以便在全部實例中共享。基於上面的緣由，生成自定義對象有一種通用模式，被稱爲構造函數/原型結合模式。

function Car(seats,engine,radio){

    this.seats=seats;

    this.engine=engine;

    this.radio=radio;

}

Car.prototype.describe=function(){

    document.write("This amazing car has these features:");

    document.write(this.seats+"seats,"+this.engine+"engine,"+this.radio);

}

var car1=new Car("cloth","V-6","Tape Deck");

car1.describe();

七.for-in:JavaScript容許使用for-in循環遍歷對象的屬性，以及使用with語句來輕鬆訪問特定的對象。

for( var prop_name in car1){

    document.write(prop_name+":"+car1[prop_name]+"<br>");

}

注意，該循環將顯示全部的屬性，包括對象原型中的屬性。若是隻但願使用對象實例中的屬性，可使用hasOwnProperty（）方法來檢查每一個屬性

for( var prop_name in car1){

    if（car1.hasOwnProperty(prop_name)){

         document.write(prop_name+":"+car1[prop_name]+"<br>");

    }

}

②with語句：在with語句中能夠直接使用對象的屬性名來訪問屬性值。（一般不鼓勵使用with，由於它存在性能問題，而且在使用它時，容易不當心對全局變量進行賦值或改寫）

with(car1){

document.write("Seats:"+seats+"<br>");

document.write("Engine:"+engine+"<br>");

document.write("Radio:"+theradio);

}

八.兩個預約義對象（這兩個對象都是window對象的一部分,能夠經過window.navigator.property訪問其屬性，可是也能夠直接使用）：

①導航對象navigator對象的屬性：

appCodeName——瀏覽器的代碼名稱

appName——瀏覽器的全名

appVersion——瀏覽器的版本和其餘的一些信息

還有一些其餘的

②history對象的屬性：

length——返回瀏覽器當前窗口的歷史回話頁面的數量

③history對象的方法：

back(),使瀏覽器返回瀏覽器歷史列表中的後一頁

forward(),使瀏覽器返回瀏覽器歷史列表中的前一頁

go()，接收一個整形參數，可正可負，表明前進和返回幾個頁面，若是參數超過歷史列表內容，將什麼也不作。