淺談javascript物件導向程式設計

本文主要給大家展示的是javascript物件導向程式設計的相關資料,需要的朋友可以參考下。

ECMA-262把對象定義為：「無序屬性的集合，其屬性可以包含基本值、對像或函數」

理解對象，最簡單的方式就是透過創建一個Object的實例，然後為它添加屬性和方法

var person = new Object();
person.name = "Xulei";
person.age = "23";
person.job = "前端工程师";
person.sayName = function () {
    alert(this.name);
}

還可以這樣寫

var person = {
     name: "xulei",
     age: 23,
     job: "前端工程",
     sayName: function () {
          alert(this.name)
     }
}

屬性類型：資料屬性和存取其屬性
屬性類型：資料屬性和存取其屬性

1、資料屬性，有4個描述其行為的特性

[Configurable]：表示能否透過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或能否把屬性修改為存取器屬性，預設值為true；

[Enumerable]：表示能否透過for-in回傳屬性，預設值為true；

var person = {
      name: "xulei"
}

[Writable]：表示能否修改屬性，預設值為true；

[Value]：包含這個屬性的資料值。預設值為undefined。

這裡建立了一個person對象，value值就是「xulei」

var peron = {}
        Object.defineProperty(peron, "name", {
            writable: false,//属性不能被修改
            value: "徐磊-xulei"
        });

        alert(peron.name);//徐磊-xulei
        peron.name = "徐磊";
        alert(peron.name);//徐磊-xulei

要修改屬性的預設特性，必須使用ECMAScript5的Object.defineProperty(屬性所在的物件,屬性的名字,描述符物件)

描述符物件必須是configurable、enumerable、writable、value

 以上操作在非嚴格模式下賦值操作會被忽略，如果在嚴格模式下會拋出異常

 一旦把屬性定義為不可設定的就不能把它變回可設定的了。

在多數情況下都沒有必要利用Object.defineProperty()方法提供的這些進階功能。但對理解javascript非常有用。

建議讀者不要在ie8上使用此方法。

2、存取其屬性，有4個特性

[Configurable]:表示能否透過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為存取器屬性，預設值為true；

[Enumerable]:表示能否透過for-in回傳屬性，預設值為true；

[Get]:讀取時呼叫的函數；[Set]:在寫入屬性時呼叫的函數。

以上就是本章的全部內容，更多相關教學請訪問JavaScript影片教學！