zoukankan      html  css  js  c++  java
  • JavaScript中实现私有属性的写类方式(1)

    之前讨论过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获取
    
  • 相关阅读:
    善战者无赫赫之功,善医者无煌煌之名
    得到一个空值
    涡轮五字诀
    自定义的泛型类和泛型约束
    数据的格式化
    纸上得来终觉浅,绝知此事要躬行
    DateTime有默认构造函数吗?
    委托,语言级别的设计模式
    有想象力才有进步
    初始的设计思路
  • 原文地址:https://www.cnblogs.com/snandy/p/2018975.html
Copyright © 2011-2022 走看看