【javascript】私有变量

  • 严格来讲,JavaScript 中没有私有成员的概念;所有对象属性都是公有的。
  • 有一个私有变量的概念。任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量。
  • 私有变量包括函数的参数、局部变量和在函数内部定义的其他函数。
function add(num1, num2){
    var sum = num1 + num2;
    return sum;
}
/**有三个私有变量:num1、num2、sum,在函数外部则不能访问它们**/
  • 如果在这个函数内部创建一个闭包,那么闭包通过自己的作用域链也可以访问这些变量。而利用这一点,就可以创建用于访问私有变量的公有方法。有权访问私有变量和私有函数的公有方法称为特权方法

1、在构造函数中定义特权方法

function MyObject(){
    //私有变量和私有函数
    var privateVariable = 10;
    function privateFunction(){
        return false;
    }
    //特权方法
    this.publicMethod = function (){
        privateVariable++;
        return privateFunction();
    };
}
  • 利用私有和特权成员,可以隐藏那些不应该被直接修改的数据
function Person(name){
    this.getName = function(){
        return name;
    };
    this.setName = function (value) {
        name = value;
    };
}
var person = new Person("Nicholas");
alert(person.getName()); //"Nicholas"
person.setName("Greg");
alert(person.getName()); //"Greg"
  • 在构造函数中定义特权方法有一个缺点,是必须使用构造函数模式,缺点是这对每个实例,都会创建同样一组新方法。而使用静态私有变量来实现特权方法就可以避免这个问题。

2、静态私有变量

  • 通过在私有作用域中定义私有变量或函数,同样也可以创建特权方法
(function(){
    //私有变量和私有函数
    var privateVariable = 10;
    function privateFunction(){
        return false;
    }
    //构造函数
    MyObject = function(){
    };
    //公有/特权方法
    MyObject.prototype.publicMethod = function(){
        privateVariable++;
        return privateFunction();
    };
})();
/**这个模式与在构造函数中定义特权方法的主要区别,就在于私有变量和函数是由实例共享的。由于特权方法是在原型上定义的,因此所有实例都使用同一个函数**/
  • 这个特权方法,作为一个闭包,总是保存着对包含作用域的引用。
//在这种模式下,变量name 就变成了一个静态的、由所有实例共享的属性
(function(){
    var name = "";
    Person = function(value){
        name = value;
    };
    Person.prototype.getName = function(){
        return name;
    };
    Person.prototype.setName = function (value){
        name = value;
    };
})();

var person1 = new Person("Nicholas");
alert(person1.getName()); //"Nicholas"
person1.setName("Greg");
alert(person1.getName()); //"Greg"

var person2 = new Person("Michael");
alert(person1.getName()); //"Michael"
alert(person2.getName()); //"Michael"
/**调用setName()或新建一个Person 实例都会赋予name 属性一个
新值。结果就是所有实例都会返回相同的值。**/

模块模式

  • 模块模式是为单例创建私有变量和特权方法
  • 单例指的就是只有一个实例的对象。
  • 按照惯例,JavaScript 是以对象字面量的方式来创建单例对象的。
var singleton = {
    name : value,
    method : function () {
        //这里是方法的代码
    }
};
  • 模块模式通过为单例添加私有变量和特权方法能够使其得到增强.
var singleton = function(){
    //私有变量和私有函数
    var privateVariable = 10;
    function privateFunction(){
        return false;
    }
    //特权/公有方法和属性
    return {
        publicProperty: true,
        publicMethod : function(){
            privateVariable++;
            return privateFunction();
        }
    };
    //从本质上来讲,这个对象字面量定义的是单例的公共接口
}();
  • 这种模式在需要对单例进行某些初始化,同时又需要维护其私有变量时是非常有用的。
var application = function(){
    //私有变量和函数
    var components = new Array();
    //初始化
    components.push(new BaseComponent());
    //公共
    return {
        getComponentCount : function(){
            return components.length;
        },
        registerComponent : function(component){
            if (typeof component == "object"){
                components.push(component);
            }
        }
    };
}();
/**如果必须创建一个对象并以某些数据对其进行初始化,同时还要公开一些能够访问这些私有数据的方法,那么就可以使用模块模式**/

增强的模块模式

  • 增强的模块模式,即在返回对象之前加入对其增强的代码
  • 这种增强的模块模式适合那些单例必须是某种类型的实例,同时还必须添加某些属性和(或)方法对其加以增强的情况
var singleton = function(){
    //私有变量和私有函数
    var privateVariable = 10;
    function privateFunction(){
        return false;
    }
    //创建对象
    var object = new CustomType();
    //添加特权/公有属性和方法
    object.publicProperty = true;
    object.publicMethod = function(){
        privateVariable++;
        return privateFunction();
    };
    //返回这个对象
    return object;
}();
  • 如果前面演示模块模式的例子中的application对象必须是BaseComponent的实例,那么就可以使用以下代码。
var application = function(){
    //私有变量和函数
    var components = new Array();
    //初始化
    components.push(new BaseComponent());
    //创建application 的一个局部副本
    var app = new BaseComponent();
    //公共接口
    app.getComponentCount = function(){
        return components.length;
    };
    app.registerComponent = function(component){
        if (typeof component == "object"){
            components.push(component);
        }
    };
    //返回这个副本
    return app;
}();

《【javascript】私有变量》 好好学习

    原文作者:shanruopeng
    原文地址: https://www.jianshu.com/p/5e9d77084542
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞