美文网首页前端基础笔记
【javascript】私有变量

【javascript】私有变量

作者: shanruopeng | 来源:发表于2017-11-20 17:11 被阅读17次
  • 严格来讲,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函数闭包

    JavaScript闭包 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。 全局变量1....

  • javascript私有变量

    什么是私有变量? 在javascript中没有公有成员的概念,所有的属性都是公有的。但是,在函数中定义的变量都可以...

  • 【javascript】私有变量

    严格来讲,JavaScript 中没有私有成员的概念;所有对象属性都是公有的。 有一个私有变量的概念。任何在函数中...

  • JS 闭包(Closure)

    JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。 简单点说闭包就是JS中用来实现私有变量...

  • javascript中闭包是什么

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就...

  • JavaScript闭包

    JavaScript闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。就...

  • JavaScript 闭包

    JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。 全局变量 函数可以访问由函数内部定义的...

  • JacaScript 私有变量(一)什么是私有变量

    严格来讲,JavaScript 中没有私有成员的概念;所有对象属性都是公有的。不过,倒是有一个私有变量的概念。 任...

  • JavaScript函数_07 私有变量 + 私有函数 + 特权

    私有变量 使用 var 关键字声明在函数内部的变量称为私有变量 私有函数 在函数内部声明的函数称为私有函数 特权方...

  • 作用域链

    查找私有变量 JS中的私有变量有且只有两种在私有作用域变量提升阶段,声明过的变量(或者函数)形参也是私有变量 [图...

网友评论

    本文标题:【javascript】私有变量

    本文链接:https://www.haomeiwen.com/subject/jzovvxtx.html