JavaScript 中利用闭包实现类私有属性的两种方案

JavaScript 私有属性实现概述

此前曾探讨过 JavaScript 中的写类模式，但未涉及私有属性的具体实现。本文将对此进行补充说明。

基于闭包的基础实现

在 JavaScript 中，实现私有属性的核心机制是利用 var 声明变量结合闭包特性。具体实现方式如下所示。

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

使用$class工具函数优化

上述基础实现并无特殊之处，接下来介绍一种借助工具函数实现的优化方案。

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

创建实例对象并测试，代码如下：

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