JS 私有变量

Posted 你今天学习了吗

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 私有变量相关的知识,希望对你有一定的参考价值。

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

任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量。

私有变量包括函数的参数,局部变量和函数内部定义的其他函数。

我们把有权访问私有变量和私有函数的公有方法叫做特权方法

有两种在对象上创建特权方法的方式

(1)在构造函数中

function MyObject () {

  // 私有变量和私有函数

  var privateVariable = 10;

  function privateFunction () {

    return false;

  }

  //特权方法

  this.publicMethod = function () {

    privateVariable++;

    return privateFunction();

  };

}

能够在构造函数中定义特权方法,是因为特权方法作为闭包有权访问在构造函数中定义的所有变量和函数。

上述除了publicMethod()这个途径外,没有任何方法可以访问privateVariable和privateFunction()

利用私有和特权成员,可以隐藏那些不应该被直接修改的数据,例如:

function Person (name) {

  this.getName = function () {    // 特权方法

    return name;

  };

  this.setName = function (value) {   //特权方法

    name = value

  }

}

构造函数中定义特权方法也有一个缺点,针对每个实例都会创建同样一组新方法,而使用静态私有变量来实现特权方法可以避免这个问题

(2)静态私有变量

通过在私有作用域中定义私有变量或函数,同样也可以创建特权方法,其基本模式如下所示。

(function () {

  var privateVariable = 10;

  function privateFunction () {

    return false;

  }

  MyObject = function (){    // 没有使用var声明,变成了全局变量

  };   

  MyObject.prototype.publicMethod = function () {

    privateVariable++;

    return privateFunction();

  }

})();

而且方法定义在原型上,被所有实例所共享,如下:

(function(){

  var name = "";

  Person = function (value) {

    name = value;

  }

  Person.prototype.getName = function () {

    return name;

  };

  Person.prototype.setName = function () {

    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‘

 如上,对一个实例操作会影响所有的实例,

 以这种方式创建静态私有变量会因为使用原型而增进代码复用,但每个实例都没有自己的私有变量。

 到底是使用实例变量,还是静态私有变量,还是看个人需求吧

(3)模块模式(单例对象)

  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);

        }

      }

    };

  } ();

 如果必须创建一个对象并以某些数据对其进行初始化,同时还要公开一些能够访问这些私有数据的方法,那么就可以使用模块模式

 


以上是关于JS 私有变量的主要内容,如果未能解决你的问题,请参考以下文章

JS块级作用域和私有变量实例分析

私有变量和特权方法

闭包的高级使用-变量私有化-模块化开发-js命名空间

JS闭包应用-私有变量柯里化偏函数

js数组,对象,作用域

ES6 class类中定义私有变量