摘要：譯者按使用和，可以禁止重寫對象。引入了一些方法，允許開發(fā)者限制對象重寫。不要重寫他人的對象不要重寫他人的對象，這是的黃金法則。如果你修改的是對象比如，這會導(dǎo)致非常嚴(yán)重的后果。

譯者按： 使用Object.preventExtensions()、Object.seal()和Object.freeze()，可以禁止重寫JavaScript對象。

譯者：Fundebug

原文：Preventing modification of JavaScript objects

由于JavaScript的靈活性，我們可以輕易地重寫(override)一些于其他人定義的對象(object)。換句話說，任何人都可以重寫我們所定義的對象。這是一個(gè)非常強(qiáng)大的特性，許多開發(fā)者都有興趣試試，來拓展或者修改某些對象的行為。例如，DOM方法document.getElementById()都可以被重寫。一般來講，我們應(yīng)該避免這樣做，因?yàn)檫@會導(dǎo)致代碼很難維護(hù)，并且會留下一些難于發(fā)現(xiàn)的BUG。ECMAScript 5引入了一些方法，允許開發(fā)者限制對象重寫。如果你在開發(fā)一些工具庫比如jQuery, fundebug等， 或者你的開發(fā)團(tuán)隊(duì)非常大，本文介紹的這些方法將非常有用。

不要重寫他人的對象，這是JavaScript的黃金法則。比如，當(dāng)你重寫了一個(gè)方法，則很可能這會影響依賴于該方法的庫，這會讓其他開發(fā)者非常困惑。

// 示例代碼1
window.originalAlert = window.alert;  
window.alert = function(msg) {  
    if (typeof msg === "string") {
        return console.log(msg);
    }
    return window.originalAlert(msg);
};

alert("ooh so awesome"); // 參數(shù)為字符串時(shí)，打印到控制臺 
alert(3.14); // 參數(shù)為其他類型時(shí)，彈出對話框

在示例代碼1中，我修改了windows.alert：參數(shù)為字符串時(shí)，打印到控制臺；參數(shù)為其他類型時(shí)，彈出對話框。這樣的修改顯然會影響其他使用alert方法的開發(fā)者。如果你修改的是DOM對象比如getElementById()，這會導(dǎo)致非常嚴(yán)重的后果。

如果你只是為對象添加新的方法，這也會導(dǎo)致問題。

// 示例代碼2
Math.cube = function(n) {  
    return Math.pow(n, 3);
};
console.log(Math.cube(2)); // 8

這樣做最大的問題是有可能在未來導(dǎo)致命名沖突。盡管Math對象目前并沒有cube方法，下一個(gè)版本的JavaScript標(biāo)準(zhǔn)也許會增加cube方法(當(dāng)然可能性不大)，這就意味著我們會把原生cube方法給替代了。有一個(gè)真實(shí)的案例，Prototype庫定義了document.getElementsByClassName()方法，而這個(gè)方法后來被加入了JavaScript標(biāo)準(zhǔn)。

不幸的是，我們無法阻止其他開發(fā)者重寫我們定義的對象，這時(shí)我們就需要本文介紹的這些方法了：

首先，我們不妨通過一個(gè)表格對比一下Object.preventExtensions()、Object.seal()和Object.freeze()：

使用Object.preventExtensions()，可以禁止給對象添加新的方法或者屬性。注意，修改或者刪除對象已經(jīng)存在的方法或者屬性是沒有問題的。使用Object.isExtensible()可以查看某個(gè)對象是否可以增加方法或者屬性。

// 示例代碼3
var song = {  
    title: "Hope Leaves",
    artist: "Opeth"
};


console.log(Object.isExtensible(song)); //true  
Object.preventExtensions(song);  
console.log(Object.isExtensible(song)); //false  


song.album = "Damnation";
console.log(song.album);  // undefined


song.play = function() {  
    console.log("ahh soo awesome");
};
song.play(); // TypeError: song.play is not a function

由示例代碼3可知，執(zhí)行Object.preventExtensions()之后，為song對象新增album以及play方法都失敗了！

但是，當(dāng)我們?yōu)閟ong新增屬性或者方法時(shí)，并沒有報(bào)錯(cuò)。當(dāng)我們使用了"use strict"采用嚴(yán)格模式時(shí)，情況就不一樣了：

// 示例代碼4
"use strict";

var song = {  
    title: "Hope Leaves",
    artist: "Opeth"
};

Object.preventExtensions(song);  

song.album = "Damnation"; // Uncaught TypeError: Cannot add property album, object is not extensible

在嚴(yán)格模式下，給已經(jīng)Object.preventExtensions的對象新增屬性時(shí)，會立即報(bào)錯(cuò)。廣告：如果你希望實(shí)時(shí)監(jiān)控應(yīng)用中類似的錯(cuò)誤，歡迎免費(fèi)試用Fundebug。

使用Object.seal()，可以禁止給對象添加屬性或者方法(這一點(diǎn)與Object.preventExtension()的作用一致)，同時(shí)禁止刪除對象已經(jīng)存在的屬性或者方法。

// 示例代碼5
"use strict"
var song = {
    title: "Hope Leaves",
    artist: "Opeth"
};

Object.seal(song);
console.log(Object.isExtensible(song)); //false  
console.log(Object.isSealed(song)); //true  

song.album = "Damnation"; // Uncaught TypeError: Cannot add property album, object is not extensible
delete song.artist; // Uncaught TypeError: Cannot delete property "artist" of #