淺談javascript面向?qū)ο蟪绦蛟O(shè)計(jì)
ECMA-262把對(duì)象定義為:“無(wú)序?qū)傩缘?集合,其屬性可以包含基本值、對(duì)象或者函數(shù)”
理解對(duì)象,最簡(jiǎn)單的方式就是通過(guò)創(chuàng)建一個(gè)Object的實(shí)例,然后為它添加屬性和方法
var person = new Object();
person.name = "Xulei";
person.age = "23";
person.job = "前端工程師";
person.sayName = function () {
alert(this.name);
}
還可以這樣寫(xiě)
var person = {
name: "xulei",
age: 23,
job: "前端工程",
sayName: function () {
alert(this.name)
}
}
一、屬性類(lèi)型:數(shù)據(jù)屬性和訪問(wèn)其屬性
1、數(shù)據(jù)屬性,有4個(gè)描述其行為的特性
[Configurable]:表示能否通過(guò)delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或者能否把屬性修改為訪問(wèn)器屬性,默認(rèn)值為true
[Enumerable]:表示能否通過(guò)for-in返回屬性,默認(rèn)值為true
[Writable]:表示能否修改屬性,默認(rèn)值為true
[Value]:包含這個(gè)屬性的數(shù)據(jù)值。默認(rèn)值為undefined
var person = {
name: "xulei"
}
這里創(chuàng)建了一個(gè)person對(duì)象,value值就是“xulei”
要修改屬性的默認(rèn)特性,必須使用ECMAScript5的Object.defineProperty(屬性所在的對(duì)象,屬性的名字,描述符對(duì)象)
描述符對(duì)象必須是configurable、enumerable、writable、value
var peron = {}
Object.defineProperty(peron, "name", {
writable: false,//屬性不能被修改
value: "徐磊-xulei"
});
alert(peron.name);//徐磊-xulei
peron.name = "徐磊";
alert(peron.name);//徐磊-xulei
以上操作在非嚴(yán)格模式下賦值操作會(huì)被忽略,如果在嚴(yán)格模式下會(huì)拋出異常
一旦把屬性定義為不可配置的就不能把它變回可配置的了。
在多數(shù)情況下都沒(méi)有必要利用Object.defineProperty()方法提供的這些高級(jí)功能。但是對(duì)理解javascript非常有用。
建議讀者不要在ie8上使用此方法。
2、訪問(wèn)其屬性,有4個(gè)特性
[Configurable]:表示能否通過(guò)delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或者能否把屬性修改為訪問(wèn)器屬性,默認(rèn)值為true
[Enumerable]:表示能否通過(guò)for-in返回屬性,默認(rèn)值為true
[Get]:在讀取時(shí)調(diào)用的函數(shù)
[Set]:在寫(xiě)入屬性時(shí)調(diào)用的函數(shù)
相關(guān)文章
JS簡(jiǎn)單數(shù)組排序操作示例【sort方法】
這篇文章主要介紹了JS簡(jiǎn)單數(shù)組排序操作,結(jié)合實(shí)例形式分析了javascript使用sort方法進(jìn)行數(shù)組排序的相關(guān)操作技巧,需要的朋友可以參考下2019-05-05JS實(shí)現(xiàn)PC手機(jī)端和嵌入式滑動(dòng)拼圖驗(yàn)證碼三種效果
這篇文章主要介紹了JS實(shí)現(xiàn)PC手機(jī)端和嵌入式滑動(dòng)拼圖驗(yàn)證碼三種效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02頁(yè)面加載完畢后滾動(dòng)條自動(dòng)滾動(dòng)一定位置
希望頁(yè)面加載完畢后向左自動(dòng)滾動(dòng)一定位置,下面有個(gè)不錯(cuò)的方法可以輕松幫大家實(shí)現(xiàn)下2014-02-02JS設(shè)計(jì)模式之責(zé)任鏈模式應(yīng)用詳解
JS責(zé)任鏈模式是一種行為型設(shè)計(jì)模式,它允許多個(gè)對(duì)象按照順序處理請(qǐng)求,直到其中一個(gè)對(duì)象能夠處理請(qǐng)求為止,這樣的對(duì)象鏈被稱(chēng)為責(zé)任鏈,本文將給大家詳細(xì)講講責(zé)任鏈模式在JS中的應(yīng)用,需要的朋友可以參考下2023-08-08微信小程序登陸注冊(cè)功能的實(shí)現(xiàn)代碼
通常小程序有為我們提供用戶(hù)授權(quán)登陸的功能,但是這個(gè)只能獲取用戶(hù)的頭像和昵稱(chēng),今天帶大家學(xué)習(xí)小程序登陸注冊(cè)功能的開(kāi)發(fā),需要的朋友可以參考下2019-12-12深入理解JavaScript中的call、apply、bind方法的區(qū)別
下面小編就為大家?guī)?lái)一篇深入理解JavaScript中的call、apply、bind方法的區(qū)別。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05