快捷導(dǎo)航

如何在JavaScript中實現(xiàn)私有屬性的寫類方式(一)

更新時間：2013年12月04日 08:51:42 作者：

這篇文章主要介紹了如何在JavaScript中實現(xiàn)私有屬性的寫類方式。需要的朋友可以過來參考下，希望對大家有所幫助

之前討論過JavaScript中的寫類方式。但沒有討論私有的實現(xiàn)。這篇看下。

我們知道JS中私有屬性的實現(xiàn)本質(zhì)就是 var + closure。如下

function Person(n, a){ 
    // public 
    this.name = n; 
    // private 
    var age = a; 
    this.getName = function(){ 
        return this.name; 
    } 
    this.getAge = function(){ 
        return age; 
    } 
} 

測試如下，age是私有的，使用點操作符無法獲取到，而只能使用getName方法。

復(fù)制代碼代碼如下:

var p = new Person('jack',23); 
console.log(p.age);  // undefined 
console.log(p.getAge()); // 23 

以上沒什么稀奇的，下面我們使用一個工具函數(shù)來實現(xiàn)。

復(fù)制代碼代碼如下:

/** 
 * @param {String} className 
 * @param {Function} classImp 
 */
function $class(className, classImp){ 
    function clazz(){ 
        if(typeof this.init == "function"){ 
            this.init.apply(this, arguments); 
        } 
    } 
    classImp.call(clazz.prototype); 
    window[className] = clazz; 
} 

寫一個類

復(fù)制代碼代碼如下:

$class('Person', function(){ 
    // 私有屬性都定義在這 
    var age = ''; 
    this.init = function(n, a){ 
        // 共有屬性掛在this上，初始化 
        this.name = n; 
        // 私有屬性初始化 
        age = a; 
    }; 
    this.getName = function(){ 
        return this.name; 
    }; 
    this.getAge = function(){ 
        return age; 
    } 
}); 

new一個實例對象

復(fù)制代碼代碼如下:

var p = new Person('jack',23); 
console.log(p.name); // jack 共有的可使用點操作符獲取 
console.log(p.age); // undefined 私有的不能通過點操作符獲取 
console.log(p.getAge()); // 23 私有的age只能通過共有的方法getAge獲取 

您可能感興趣的文章:

相關(guān)文章

ES6 Iterator遍歷器原理，應(yīng)用場景及相關(guān)常用知識拓展詳解
這篇文章主要介紹了ES6 Iterator遍歷器原理，應(yīng)用場景及相關(guān)常用知識拓展,結(jié)合實例形式詳細分析了ES6 Iterator遍歷器具體原理、功能、用法、應(yīng)用場景及知識拓展,需要的朋友可以參考下
2020-02-02
JS禁止查看網(wǎng)頁源代碼的實現(xiàn)方法
本文給大家介紹js如何禁止查看網(wǎng)頁源代碼，并給大家分享了三種查看路徑的方法，本文給大家介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-10-10
easyui-combobox 實現(xiàn)簡單的自動補全功能示例
下面小編就為大家?guī)硪黄猠asyui-combobox 實現(xiàn)簡單的自動補全功能示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，
2016-11-11
極酷的javascirpt，讓你隨意編輯任何網(wǎng)頁
極酷的javascirpt，讓你隨意編輯任何網(wǎng)頁...
2007-02-02
HTML5基于Tomcat 7.0實現(xiàn)WebSocket連接并實現(xiàn)簡單的實時聊天
WebSocket 是一種自然的全雙工、雙向、單套接字連接。這篇文章給大家介紹了HTML5基于Tomcat 7.0實現(xiàn)WebSocket連接并實現(xiàn)簡單的實時聊天，感興趣的朋友一起學(xué)習(xí)吧
2016-10-10
原生JS實現(xiàn)鼠標滑動撒愛心特效
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)鼠標滑動撒愛心特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
淺談javascript中遇到的字符串對象處理
下面小編就為大家?guī)硪黄獪\談javascript中遇到的字符串對象處理。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
JS實現(xiàn)切換標簽頁效果實例代碼
這篇文章介紹了JS實現(xiàn)切換標簽頁效果實例代碼，有需要的朋友可以參考一下
2013-11-11
超實用的javascript時間處理總結(jié)
在大家日常開發(fā)中常常會要對時間進行處理，以達到大家想要的效果，所以本文整理了一些javascript常用的時間處理類，有需要的可以參考借鑒。
2016-08-08
Jquery把獲取到的input值轉(zhuǎn)換成json
本篇文章主要介紹了Jquery把獲取到的input值轉(zhuǎn)換成json的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧
2017-05-05