淺談javascript面向?qū)ο蟪绦蛟O(shè)計
ECMA-262把對象定義為：“無序?qū)傩缘?集合，其屬性可以包含基本值、對象或者函數(shù)”
理解對象，最簡單的方式就是通過創(chuàng)建一個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)
}
}
一、屬性類型：數(shù)據(jù)屬性和訪問其屬性
1、數(shù)據(jù)屬性，有4個描述其行為的特性
[Configurable]：表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性，默認(rèn)值為true
[Enumerable]：表示能否通過for-in返回屬性，默認(rèn)值為true
[Writable]：表示能否修改屬性，默認(rèn)值為true
[Value]：包含這個屬性的數(shù)據(jù)值。默認(rèn)值為undefined
var person = {
name: "xulei"
}
這里創(chuàng)建了一個person對象，value值就是“xulei”
要修改屬性的默認(rèn)特性，必須使用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
以上操作在非嚴(yán)格模式下賦值操作會被忽略，如果在嚴(yán)格模式下會拋出異常
一旦把屬性定義為不可配置的就不能把它變回可配置的了。
在多數(shù)情況下都沒有必要利用Object.defineProperty()方法提供的這些高級功能。但是對理解javascript非常有用。
建議讀者不要在ie8上使用此方法。
2、訪問其屬性，有4個特性
[Configurable]:表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問器屬性，默認(rèn)值為true
[Enumerable]:表示能否通過for-in返回屬性，默認(rèn)值為true
[Get]:在讀取時調(diào)用的函數(shù)
[Set]:在寫入屬性時調(diào)用的函數(shù)
相關(guān)文章
本文通過實例代碼給大介紹了js多文件上傳的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
動態(tài)加載圖片路徑 保持JavaScript控件的相對獨立性
根據(jù)新界面的要求，需要一部分圖片來增強日期控件的美觀性?？紤]到既要實現(xiàn)加載圖表的目標(biāo)，又要保持控件的獨立性以便將來的移植。2010-09-09
因業(yè)務(wù)需要，在網(wǎng)上查找這個問題的解決辦法，但是昏天黑地地搞了半天，找到的方法雖然可以實現(xiàn)功能，但是總是會跳出討厭的“關(guān)閉窗口”的提示框，郁悶。2009-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript動態(tài)生成帶刪除行功能的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)橫向滾動條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
如何基于小程序?qū)崿F(xiàn)發(fā)送語音消息及轉(zhuǎn)文字功能
最近為小程序增加語音識別轉(zhuǎn)文字的功能,坑路不斷,特此記錄,下面這篇文章主要給大家介紹了關(guān)于如何基于小程序?qū)崿F(xiàn)發(fā)送語音消息及轉(zhuǎn)文字功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細(xì)介紹了Bootstrap如何激活導(dǎo)航狀態(tài)，包括膠囊式導(dǎo)航中的激活狀態(tài)和列表導(dǎo)航中的激活狀態(tài)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript中substring()函數(shù)方法是返回位于String對象中指定位置的子字符串2013-04-04
這篇文章主要介紹了JavaScript接口的實現(xiàn)三種方式，有注釋法，檢查屬性法和鴨式辨行法，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
javascript forEach通用循環(huán)遍歷方法
循環(huán)遍歷一個元素是開發(fā)中最常見的需求之一，那么讓我們來看一個由框架BASE2和Jquery的結(jié)合版本吧.2010-10-10