淺談javascript面向對象程序設計

2019-11-20 13:20:50

字體：大中小

來源：轉載

供稿：網友

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
        [Writable]：表示能否修改屬性，默認值為true
        [Value]：包含這個屬性的數據值。默認值為undefined

復制代碼代碼如下:

        var person = {
            name: "xulei"
        }

這里創建了一個person對象，value值就是“xulei”

要修改屬性的默認特性，必須使用ECMAScript5的Object.defineProperty(屬性所在的對象,屬性的名字,描述符對象)
描述符對象必須是configurable、enumerable、writable、value

復制代碼代碼如下:

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

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

        以上操作在非嚴格模式下賦值操作會被忽略，如果在嚴格模式下會拋出異常
        一旦把屬性定義為不可配置的就不能把它變回可配置的了。
        在多數情況下都沒有必要利用Object.defineProperty()方法提供的這些高級功能。但是對理解javascript非常有用。
        建議讀者不要在ie8上使用此方法。

        2、訪問其屬性，有4個特性
        [Configurable]:表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性，默認值為true
        [Enumerable]:表示能否通過for-in返回屬性，默認值為true
        [Get]:在讀取時調用的函數
        [Set]:在寫入屬性時調用的函數

上一篇：html的DOM中document對象images集合用法實例

下一篇：html的DOM中Event對象onabort事件用法實例