首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript 属性

如何在JavaScript中实现私有属性的写类方式(一)

2013-12-04 08:51:42 作者：

这篇文章主要介绍了如何在JavaScript中实现私有属性的写类方式。需要的朋友可以过来参考下，希望对大家有所帮助

之前讨论过JavaScript中的写类方式。但没有讨论私有的实现。这篇看下。

我们知道JS中私有属性的实现本质就是 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方法。

复制代码代码如下:

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

以上没什么稀奇的，下面我们使用一个工具函数来实现。

复制代码代码如下:

/** 
 * @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; 
} 

写一个类

复制代码代码如下:

$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一个实例对象

复制代码代码如下:

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

如何在JavaScript中实现私有属性的写类方式(一)

您可能感兴趣的文章: