讀《javaScript高級程序設(shè)計－第6章》之理解對象

KoreyLee 發(fā)布于2019-08-21 17:14 / 3484人閱讀

摘要：把對象定義為無序?qū)傩缘募希鋵傩钥梢园局祵ο蠡蚝瘮?shù)。接受兩個參數(shù)屬性所在的對象和要讀取其特性的屬性名返回的時其特性的對象例如讀高級程序設(shè)計這本書的第章面向?qū)ο蟮某绦蛟O(shè)計，我做了篇筆記。這是第一篇，后面還有兩篇，分別是封裝類和繼承。

ECMA－262把對象定義為：無序?qū)傩缘募希鋵傩钥梢园局怠ο蠡蚝瘮?shù)。所以，我們可以理解對象就是名值對的集合，名就是對象的每個屬性的名字，而每個名字都映射到一個值。

創(chuàng)建對象

創(chuàng)建對象有兩種方式：
方式一

var person=new Object();
person.name=“Jone”;
person.age=20;
person.job=“Software Engineer”;

person.sayName=function(){
    alert(this.name);
};

方式二

var person={
    name:”Jone”,
    age:20,
    job:“Software Engineer”,
    
    sayName:function(){
        alert(this.name);
    }
};

這兩種方式創(chuàng)建的對象都是一樣的。也可以靈活的混合使用，但要記住var person=new Object()和

var person={
    name:”Jone”,
    age:20,
    job:“Software Engineer”,
    
    sayName:function(){
        alert(this.name);
    }
}

都是在為person賦值，不可重復(fù)賦值，如果重復(fù)使用就相當(dāng)于前面的值放棄，使用后來重新賦的值。或者說都是在給person指向了一個新的地址，地址里存著新的對象。person確定是一個引用類型了，就可以在任意的地方用點來為它添加屬性和訪問屬性，例如：person.sex=“女”。person用點訪問時不會再為person更改指向地址，更改的是地址里存著的對象。

對象屬性的特性

對象的屬性可以分為兩種屬性：數(shù)據(jù)屬性，訪問器屬性。兩種類型的屬性有各自的特性。

數(shù)據(jù)屬性：

[[configurable]]:表示能否通過delete刪除屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性。
[[enumerable]]:表示能否通過for-in循環(huán)返回屬性。
[[writable]]:表示能否修改屬性的值。
[[value]]:包含這個屬性的數(shù)據(jù)值。讀取屬性值的時候，從這個位置讀取；寫入屬性值的時候，把新值保存在這個位置。這個特性的默認值是undefined。
像上面的例子那樣直接在對象上定義的屬性，它們的configurable、enumerable、writable這些特性默認值為true。

訪問器屬性：

[[configurable]]:表示能否通過delete刪除屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性。
[[enumerable]]:表示能否通過for-in循環(huán)返回屬性。
[[get]]:在讀取屬性時調(diào)用的函數(shù)。默認值是undefined
[[set]]:在寫入屬性時調(diào)用的函數(shù)。默認值是undefined
像上面的例子那樣直接在對象上定義的屬性，它們的configurable、enumerable這些特性默認值為true。

訪問器屬性的使用方式即：設(shè)置一個屬性的值會導(dǎo)致其他屬性發(fā)生變化。
訪問器屬性的get、set特性不能直接定義,而是使用Object.defineProperty()來定義，屬性的get、set特性和writable、value特性不能同時存在。

特性的訪問方法：

Object.defineProperty()

例如：

var book={};
Object.defineProperty(book,”year”,{
    configurable:true,
    value:2004
});
Object.defineProperty(person,”_year”,{
    configurable:true,
    get:function(){
        return this.year;
    },
    set:function(newValue){
        if(newValue>2004){
            this.year=newValue;
        }
    }
});

創(chuàng)建一個新屬性，或修改一個屬性的特性。創(chuàng)建一個新屬性時，如果不指定，configurable、enumerable、writable默認值都為false。configurable一旦被設(shè)置為false，就不能再把它變回true了，此時，再調(diào)用Object.defineProperty()修改除writable之外的特性都會報錯。

Object.defineProperties()

可以一次性定義多個屬性。

var book={};
Object.defineProperties(book,{
    year:{
        configurable:true,
        value:2004
    },
    _year:{
        configurable:true,
        get:function(){
            return this.year;
        },
        set:function(newValue){
            if(newValue>2004){
                this.year=newValue;
            }
        }
    }
});

Object.getOwnPropertyDescriptor()

用來讀取屬性的特性。接受兩個參數(shù)：屬性所在的對象和要讀取其特性的屬性名,返回的時其特性的對象
例如：

var descriptor=Object.getOwnPropertyDescriptor(book,”year”);
            alert(descriptor.value);//2004
            alert(descriptor.configurable);//true

讀《javaScript高級程序設(shè)計》這本書的第6章面向?qū)ο蟮某绦蛟O(shè)計，我做了3篇筆記。這是第一篇，后面還有兩篇，分別是封裝類和繼承。
以前一直認為真正理解了一個問題，你就能把它講清楚，講清楚了再把它寫清楚就容易了，現(xiàn)在發(fā)現(xiàn)要寫清楚真的太難了，要斟酌每句話都不是廢話，沒有歧義，盡量用少的字句等等。廢話了好久也不知道寫清楚了嗎。
如果哪里有問題歡迎指出。