資訊專欄INFORMATION COLUMN
摘要：本回內(nèi)容介紹上一回聊到數(shù)據(jù)類型，簡(jiǎn)單的過了一遍，包括個(gè)數(shù)組新特性等，這一回來聊聊對(duì)象，結(jié)合數(shù)組來實(shí)戰(zhàn)一些例子，在做題中成長(zhǎng)，記憶會(huì)更深刻，來吧，開始咯創(chuàng)建實(shí)例的方式有兩種使用操作符后跟構(gòu)造函數(shù)飛狐使用對(duì)象字面量表示法飛狐也可以飛狐這種寫法與
本回內(nèi)容介紹
上一回聊到JS數(shù)據(jù)類型，簡(jiǎn)單的過了一遍，包括9個(gè)數(shù)組新特性等，這一回來聊聊Object對(duì)象，結(jié)合數(shù)組來實(shí)戰(zhàn)一些例子，在做題中成長(zhǎng)，記憶會(huì)更深刻，來吧，開始咯：
1. 創(chuàng)建Object實(shí)例的方式有兩種(1) 使用new操作符后跟Object構(gòu)造函數(shù)：
var o = new Object()；
o.name = "飛狐";
(2) 使用對(duì)象字面量表示法：
var o = {
name: "飛狐"
};
//也可以
o.name = "飛狐"; //這種寫法與1的例子是一樣的，但是為了可讀性，不推薦這樣寫。
2. 對(duì)象屬性的訪問
對(duì)象屬性訪問可以用點(diǎn)表示法，還可以用方括號(hào)來訪問對(duì)象屬性，而Object的枚舉循環(huán)用for in
var o = {
name: "飛狐"
};
alert(o.name);
alert(o["name"]);
o.age = 21;
for (i in o) { // for in 枚舉
alert("屬性名：" + i + "；" + "屬性值：" + o[i]);
}
3. 刪除對(duì)象屬性或方法用delete
var o = {
name: "飛狐"
};
delete o.name;
alert(o.name); // undefined
4. 不可擴(kuò)展對(duì)象
Object.preventExtensions()方法使用后，就不能再給對(duì)象添加屬性或者方法了，但仍然可以修改和刪除已有的成員。檢測(cè)對(duì)象是否可以擴(kuò)展：Object.isExtensible()
var o = {
name: "飛狐"
};
alert(Object.isExtensible(o)); // true
Object.preventExtensions(o);
alert(Object.isExtensible(o)); // false
o.age = 21;
alert(o.age); // undefined
o.name = "帥狐";
alert(o.name); // 帥狐
5. 密封的對(duì)象
ES5(注：ECMAScript5的簡(jiǎn)稱，以后的系列都簡(jiǎn)寫為ES5了哈，就備注這一次)，ES5為對(duì)象定義的第二個(gè)保護(hù)級(jí)別是密封對(duì)象，Object.seal()方法用來密封，使用后除了不可擴(kuò)展以外，也不能刪除，但是可以修改，檢測(cè)是否密封：Object.isSealed()
var o = {
name: "飛狐"
};
alert(Object.isSealed(o)); // false
Object.seal(o);
alert(Object.isSealed(o)); // true
o.age = 21;
alert(o.age); // undefined
o.name = "帥狐";
alert(o.name); // 帥狐
delete o.name;
alert(o.name); // 帥狐
6. 凍結(jié)的對(duì)象
凍結(jié)的對(duì)象既不可擴(kuò)展，又是密封的，使用Object.freeze()方法凍結(jié)對(duì)象。通俗點(diǎn)講，就是不可增刪改，只能查。檢測(cè)對(duì)象是否被凍結(jié)方法：Object.isFrozen()
var o = {
name: "飛狐"
};
alert(Object.isFrozen(o)); // false
Object.freeze(o);
alert(Object.isFrozen(o)); // true
o.age = 21;
alert(o.age); // undefined
delete o.name;
alert(o.name); // "飛狐"
o.name = "帥狐";
alert(o.name); // "飛狐"
通過以上的講解，相信大家對(duì)Object類型有了一定的認(rèn)識(shí)，其實(shí)說白了，跟java.lang.Object一樣的，Object類型是所有對(duì)象實(shí)例的基礎(chǔ)，既然說到j(luò)ava了，下面就做一個(gè)簡(jiǎn)單的模擬，模擬Java的Map。
先裝個(gè)逼，就當(dāng)是分割線吧，好咯，開始敲代碼了：
JS模擬MAPjava中map，是key-value保存方式，網(wǎng)上很多例子是用數(shù)組來模擬的，下面的例子是用對(duì)象實(shí)現(xiàn)，可以保證Key不重復(fù)
function Map() {
var o = {}; // 裝鍵值對(duì)的對(duì)象字面量
this.put = function(k, v) { // 傳入的key，value
o[k] = v;
};
this.size = function() {
var c = 0; // 計(jì)數(shù)器
for (var i in o) { // for in 枚舉循環(huán)
c++; // 循環(huán)累加
}
return c; // 返回的就是對(duì)象屬性總數(shù)
};
this.get = function(k) { // get方法根據(jù)鍵獲取值
o[k] = o[k] ? o[k] : null
return o[k];
};
this.remove = function(k) { // remove方法實(shí)現(xiàn)刪除
o[k] = o[k] ? o[k] : null; // 判斷是否為空
delete o[k];
};
this.clear = function(k) { // clear方法實(shí)現(xiàn)清空
o = {};
};
// 傳入的是回調(diào)函數(shù)，用for in的方法進(jìn)行遍歷
this.eachMap = function(fn) {
for (var i in o) {
// 將遍歷的鍵值對(duì)返給回調(diào)函數(shù)，提高在使用時(shí)的靈活性
fn(i, o[i]);
}
}
};
// 這里實(shí)際是一個(gè)構(gòu)造函數(shù)模擬的類，講函數(shù)，類的時(shí)候會(huì)細(xì)講
var m = new Map();
m.size();
m.put("name", "帥狐");
alert(m.get("name"));
m.clear();
m.get("name");
m.put("name", "飛狐");
m.put("feature", "帥");
m.put("time", new Date().toLocaleString());
m.size();
m.eachMap(function(k, v) {
alert(k + "的值是：" + v);
});
這個(gè)例子模擬了Map的基本實(shí)現(xiàn)，有Java基礎(chǔ)的盆友，一看就懂，初學(xué)面向?qū)ο蟮耐嗫磶妆椋y度系數(shù)不大。
下一回，咱們主要聊函數(shù)，然后做做題，比如某客的筆試題，會(huì)講到其中兩道題。
注：此系飛狐原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86090.html
摘要：橋接模式之特權(quán)函數(shù)特權(quán)函數(shù)，用一些具有特權(quán)的方法作為橋梁以便訪問私有空間，可以回憶一下之前的系列。連續(xù)自然數(shù)分組，計(jì)算最多組的個(gè)數(shù)將至這個(gè)連續(xù)自然數(shù)分成組使每組相加的值相等。個(gè)數(shù)組中數(shù)字最多的一組有個(gè)此時(shí)的和為。 本回內(nèi)容介紹 上一回，聊了適配器模式，圖片預(yù)加載，介一回，聊橋接模式（Bridge），跟之前一樣，難度比較小，橋接模式將抽象部分與它的實(shí)現(xiàn)部分分離，通過橋接模式聯(lián)系彼此，同時(shí)...
本回內(nèi)容介紹 上一回聊到JS中模擬接口，裝飾者模式，摻元類，分析了backbone的繼承源碼，感覺還好吧！ 介一回，偶們來聊一下在JS單例模式(singleton)，單例模式其實(shí)運(yùn)用很廣泛，比如：jquery，AngularJS，underscore吖蝦米的都是單例模式，來吧，直接開始咯： 1. 單例模式 保證一個(gè)類只有一個(gè)實(shí)例，從全局命名空間里提供一個(gè)唯一的訪問點(diǎn)來訪問該對(duì)象。其實(shí)之前寫過的對(duì)象...
摘要：本回內(nèi)容介紹上一回，聊了代理模式，虛擬代理，圖片懶加載，介一回，也比較容易，適配器模式，用一個(gè)新的接口對(duì)現(xiàn)有類的接口進(jìn)行包裝，處理類與的不匹配。這一回，主要聊了適配器模式，圖片預(yù)加載，主要還是理解下一回，聊一聊橋接模式，順便做一做計(jì)算題。 本回內(nèi)容介紹 上一回，聊了代理模式，虛擬代理，圖片懶加載，介一回，也比較容易，適配器模式（Adapter），用一個(gè)新的接口對(duì)現(xiàn)有類的接口進(jìn)行包裝，處...
摘要：本回內(nèi)容介紹上一回，聊了聊狀態(tài)模式，并介紹了一下介一回，聊鏈?zhǔn)骄幊?，模擬一下，再模擬一下封裝一個(gè)庫(kù)。這一回，主要聊了鏈?zhǔn)秸{(diào)用，模擬了，尤其是，希望大家能喜歡這次代碼分享。下一回，聊一聊的策略模式。 本回內(nèi)容介紹 上一回，聊了聊狀態(tài)模式（State），并介紹了一下vue.js；介一回，聊鏈?zhǔn)骄幊?，模擬一下jQuery，再模擬一下underscore.js,封裝一個(gè)庫(kù)。 1. 鏈?zhǔn)秸{(diào)用 (...
摘要：說白了，就是對(duì)訪問進(jìn)行控制。這一回，主要聊了代理模式，虛擬代理，圖片懶加載，難度適中下一回，聊一下適配器模式，難度也比較小。 本回內(nèi)容介紹 上一回，聊了門面模式，DOM2級(jí)事件，事件委托，介一回，也比較容易，代理模式（proxy），代理對(duì)象控制對(duì)本體對(duì)象的訪問，實(shí)現(xiàn)了同樣的接口，并且會(huì)把任何方法的調(diào)用傳遞到本體對(duì)象。說白了，就是對(duì)訪問進(jìn)行控制。直接上代碼，走你： 1.代理模式 代理也是...
閱讀 3197·2021-10-12 10:11
閱讀 1917·2021-08-16 10:59
閱讀 2933·2019-08-30 15:55
閱讀 1294·2019-08-30 14:19
閱讀 2091·2019-08-29 17:03
閱讀 2525·2019-08-29 16:28
閱讀 3289·2019-08-26 13:47
閱讀 2943·2019-08-26 13:36
