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获取