【JavaScript高程總結(jié)】 面向?qū)ο蟮某绦蛟O(shè)計-理解對象


對象的屬性類型

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

數(shù)據(jù)屬性包含一個數(shù)據(jù)值的位置送淆,這個位置上可以讀取和寫入,數(shù)據(jù)屬性有4個描述其行為的特性 晨横;

  • [[Configurable]] :表示能否通過delete刪除屬性從而重新定義屬性啡直;能否修改屬性的特性或者能否把屬性修改成訪問器屬性;如果我們直接在對象上定義屬性如person.name = '小明'則這個數(shù)據(jù)屬性默認的[[Configurable]] 為true

  • [[Enumerable]] : 能否通過for-in循環(huán)镀脂;

  • [[Writable]] : 表示能否修改屬性的值牺蹄;

  • [[Value]] : 包含這個屬性的數(shù)據(jù)值,讀取屬性的值從這個位置讀取薄翅,寫入屬性的值也是保存在這個位置沙兰;

類向下面一樣定義個對象他的屬性name的 [[Configurable]],[[Enumerable]]翘魄, [[Writable]]都為true鼎天,[[Value]]則為定義的值‘'小明'對這個值得修改都反映在這個位置上

var person = {
  name: "小明"
};

Object.defineProperty()可以修改屬性的默認特性;

接受三個參數(shù):

  • 屬性所在對象
  • 屬性名稱
  • 描述對象暑竟;這個對象的屬性關(guān)鍵字必須是 Configurable训措,Enumerable, Writable光羞,Value中一個
var person = {};
Object.defineProperty(person, "name", {
    writable: false,
    value: "Nicholas"
});
alert(person.name); //"Nicholas" 
person.name = "Greg"; // 由于writable:設(shè)置為false嚴格模式下這個操作會拋出錯誤
alert(person.name); //"Nicholas"

注意:當用Object.defineProperty()吧Configurable設(shè)置為false(不可配置)這不能在設(shè)置回true(可配置);再次調(diào)用Object.defineProperty()修改除writable意外的特性都會報錯

-----訪問器屬性

訪問器屬性不包含數(shù)據(jù)值但是包含一對getter 和setter函數(shù)(這兩個函數(shù)都不是必須的 )怀大;訪問器屬性有如下四個特性纱兑;

  • [[Configurable]] :表示能否通過delete刪除屬性從而重新定義屬性;能否修改屬性的特性或者能否把屬性修改成訪問器屬性化借;如果我們直接在對象上定義屬性如person.name = '小明'則這個數(shù)據(jù)屬性默認的[[Configurable]] 為true

  • [[Enumerable]] : 能否通過for-in循環(huán)潜慎;

  • [[Get]] : 在讀取屬性的時候調(diào)用,默認值為undefined蓖康;

  • [[Set]] : 在寫入屬性的時候調(diào)用铐炫,默認值為undefined;

通過Object.defineProperty()可以修改屬性的默認特性蒜焊;

var book = {
  _year: 2004,
  edition: 1 
};
Object.defineProperty(book, "year", {
  get: function(){
    return this._year;
  },
  set: function(newValue){
    if (newValue > 2004) {
        this._year = newValue;
        this.edition += newValue - 2004;
    } 
  }
});
book.year = 2005; 
alert(book.edition); //2

Object.defineProperties()定義多個屬性的特性

var book = {};
Object.defineProperties(book, {
    _year: {
        value: 2004
    },
    edition: {
        value: 1
    },
    year: {
        get: function(){
             //代碼...
        },
        set: function(newValue){
            // 代碼...
        }
    }
})

Object.getOwnPropertyDescriptor()讀取屬性的特性

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

var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
alert(descriptor.value); //2004
alert(descriptor.configurable); //false
alert(typeof descriptor.get); //"undefined"

var descriptor = Object.getOwnPropertyDescriptor(book, "year"); 
alert(descriptor.value); //undefined 
alert(descriptor.enumerable); //false
alert(typeof descriptor.get); //"function"
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市泳梆,隨后出現(xiàn)的幾起案子榜掌,更是在濱河造成了極大的恐慌憎账,老刑警劉巖卡辰,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異反砌,居然都是意外死亡允蚣,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門森渐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來冒晰,“玉大人,你說我怎么就攤上這事壶运。” “怎么了埠况?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵辕翰,是天一觀的道長。 經(jīng)常有香客問我喜命,道長河劝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任牌里,我火速辦了婚禮务甥,結(jié)果婚禮上贪染,老公的妹妹穿的比我還像新娘杭隙。我一直安慰自己因妙,他們只是感情好,可當我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布铣耘。 她就那樣靜靜地躺著以故,像睡著了一般。 火紅的嫁衣襯著肌膚如雪炉媒。 梳的紋絲不亂的頭發(fā)上昆烁,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天,我揣著相機與錄音静尼,去河邊找鬼。 笑死鸭巴,一個胖子當著我的面吹牛拦盹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼奔害,長吁一口氣:“原來是場噩夢啊……” “哼地熄!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起端考,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎扶供,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體椿浓,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡扳碍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年笋敞,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夯巷。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖坊秸,靈堂內(nèi)的尸體忽然破棺而出澎怒,到底是詐尸還是另有隱情,我是刑警寧澤喷面,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布惧辈,位于F島的核電站,受9級特大地震影響念逞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜边翁,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一驾霜、第九天 我趴在偏房一處隱蔽的房頂上張望详幽。 院中可真熱鬧领追,春花似錦芬沉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽碧浊。三九已至,卻和暖如春箱锐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背浩聋。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工衣洁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抖仅,地道東北人。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓环凿,卻偏偏與公主長得像,于是被迫代替她去往敵國和親智听。 傳聞我的和親對象是個殘疾皇子渡紫,可洞房花燭夜當晚...
    茶點故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內(nèi)容