JavaScript中的私有/靜態屬性介紹
2024-05-06 14:21:33
供稿：網友
•模擬塊級作用域
大家都知道在JavaScript中沒有塊級作用域的概念，我們可以通過使用閉包來模擬實現塊級作用域，看下面的示例：
代碼如下:
(function () {
for (var i = 0; i < 10; i++) {
//Do Nothing
}
alert(i); //輸出10
})();
第6行可以訪問到for循環塊中的變量i，如果我們稍微修改以上代碼，把for循環塊放置在閉包中，情況就不一樣了：
代碼如下:
(function () {
(function () {
for (var i = 0; i < 10; i++) {
//Do Nothing
}
})();
alert(i); //Error: 'i' is undefined
})();
在第8行訪問變了i時，出現錯誤，實現了我們想要的塊級作用域。
•私有屬性
在JavaScript中沒有塊級作用域的概念，同樣也沒有私有屬性的概念，但是存在私有變量。如果我們想把一些數據封裝隱藏起來要怎么做呢？想必大家可能已經想到了，可以通過使用閉包+私有變量的方式來實現對象的私有屬性。
<1>.實例私有屬性
實例私有屬性的特點就是每個對象都會包含獨立的屬性，對象和對象之間沒有共享。為了實現這個目標，可以在構造函數中增加一個私有變量，然后定義公共方法來訪問這個私有變量，就如同其他OO語言的setter和getter一樣，下列示例就實現了實例的私有屬性：
代碼如下:
//實例私有變量
function MyObject(name) {
//定義私有變量
//注意：此處沒有用this.name，如果使用this.name變成公共屬性了
var privateName = name;
//定義私有熟悉
var privateFunction = function () {
return "Private Function";
}
//公共方法訪問私有熟悉
MyObject.prototype.getName = function () {
return privateName;
}
MyObject.prototype.getFunction = function () {
return privateFunction();
}
}
var moGyy = new MyObject("gyy");
alert(moGyy.getName()); //輸出gyy
alert(moGyy.getFunction()); //輸出Private Function
var moCyy = new MyObject("cyy");
alert(moCyy.getName()); //輸出cyy
alert(moCyy.getFunction()); //輸出Private Function
在上面的示例中創建的兩個對象moGyy和moCyy的getName返回不同的值，同時如果想調用私有方法同樣也需要公共接口。上面的示例中兩個公共函數之所以能訪問私有變量，是因為兩個公共函數都是閉包，而閉包的作用域鏈中包含了包含函數的變量對象，因此在進行變量查找時，順著作用域鏈可以訪問包含函數中的私有變量。在上面的示例中把公共方法添加到MyObject的原型中，目的是防止每次創建對象都創建功能一樣的兩個函數實例。
<2>.靜態私有屬性
在有些情況下我們可能希望數據全局共享，那么可能就會用到靜態屬性，我們還是希望這個屬性為私有的，那么怎樣實現靜態私有屬性呢？首先這個私有應該在構造函數的外部，為了把構造函數外部的變量和構造函數結合為一體，可以使用閉包把私有變量和構造函數都包含在其作用域中，為了在閉包外面訪問內部的構造函數，可以使用一個全局的變量來引用構造函數，如下代碼示例：
