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

這里定義的的特權方法是一個閉包，所以能夠訪問在構造函數中定義的私有變量和私有函數。在創建 MyObject 實例后，只能通過特權方法來訪問定義的私有變量和函數。

利用這種技術，可以隱藏那些不能被外部直接修改的數據：

function Person(name){
  this.getName= function () {
    return name;
  };
  this.setName= function (value) {
    name=value;
  }
}
var person=new Person("deniro");
console.log(person.getName());//deniro
person.setName("lily");
console.log(person.getName());//lily

上面的代碼定義了兩個特權方法，它們都可以在函數外部被調用，因為它們是閉包，所以可以通過作用域訪問 name。name 在 Person 的每一個實例中都不同，因為每次調用構造函數都會重新創建這兩個方法。

在構造函數中創建特權方法的缺點是，必須使用構造函數模式來實現，而這樣做會在每個實例上創建同樣的一組新方法！

2. 靜態私有變量模式

通過在私有作用域中定義私有變量和函數，也可以創建特權方法，基本模式是：

(function(){
  //私有變量
  var privateVariable = 10;
  //私有函數
  function privateFunction(){
    return false;
  }
  //構造函數
  MyObject = function(){
  };
  //公有/特權方法
  MyObject.prototype.publicMethod = function(){
    privateVariable++;
    return privateFunction();
  };
})();

公有方法在原型上定義，使用的原型模式。另外，我們使用的是函數表達式來定義構造函數，而且沒有用 var，這種在初始化時未經聲明的變量，就會創建一個全局變量。因此，MyObject 就成了一個全局變量，能夠在私有作用域之外被訪問到。但在嚴格模式下給未經聲明的變量賦值會導致錯誤。

這種方式定義的私有變量和函數是實例之間共享的。因為特權方法是在原型上定義的，因此所有實例都使用同一個函數。又因為這個特權方式是一個閉包，所以它保存著對包含它的作用域的引用：

(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("deniro");
console.log(person1.getName());//deniro
person1.setName("lily");
console.log(person1.getName());//lily
var person2 = new Person("Jack");
console.log(person2.getName());//Jack
console.log(person1.getName());//Jack

因此每個實例都沒有自己的私有變量。

注意：如果作用域鏈較長，可能會在一定程度上影響查找速度。這正是使用閉包和私有變量的一個明顯不足。

3. 模塊模式

模塊模式是為單例創建私有變量和特權方法。單例指的是只有一個實例的對象，按照慣例，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 BaseComponent = {};
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);
      }
    }
  };
}();

在 web 程序中，經常需要使用一個單例來管理應用程序級的信息。這個例子創建了一個用于管理組件的 application 對象。首先聲明一個私有 components 數組，然后為它添加了一個 BaseComponent 實例（BaseComponent 實際代碼不重要，這里主要是為了演示初始化），返回的對象包含有權訪問數組的特權方法。

如果創建一個對象時，需要對其進行初始化，同時還要公開一些能夠訪問這些私有數據的方法，那么就可以使用模塊模式。

4. 增強的模塊模式

這種模式適合那些單例必須是某種類型的實例，同時還必須添加某些屬性或方法對其增強的情況：

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

我們把之前的例子改成增強的模塊模式：

var 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錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

網站標題：JavaScript私有變量實例詳解
當前網址：http://m.newbst.com/article22/gcspjc.html

成都網站建設公司_創新互聯，為您提供建站公司、App開發、移動網站建設、企業網站制作、品牌網站建設、外貿建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

JavaScript私有變量實例詳解