快捷導(dǎo)航

理解javascript封裝

更新時(shí)間：2016年02月23日 10:21:43 投稿：lijiao

這篇文章主要幫助大家理解學(xué)習(xí)javascript封裝，通過(guò)封裝可以強(qiáng)制實(shí)施信息隱藏，本文為大家分析了封裝的利弊，感興趣的小伙伴們可以參考一下

封裝可以被定義為對(duì)對(duì)象的內(nèi)部數(shù)據(jù)表現(xiàn)形式和實(shí)現(xiàn)細(xì)節(jié)進(jìn)行隱藏。通過(guò)封裝可以強(qiáng)制實(shí)施信息隱藏。

在JavaScript中，并沒(méi)有顯示的聲明私有成員的關(guān)鍵字等。所以要想實(shí)現(xiàn)封裝/信息隱藏就需要從另外的思路出發(fā)。我們可以使用閉包的概念來(lái)創(chuàng)建只允許從對(duì)象內(nèi)部訪(fǎng)問(wèn)的方法和屬性，來(lái)達(dá)到封裝的要求。

基本方式
一般來(lái)說(shuō)，我們學(xué)用的有三種方法來(lái)達(dá)到封裝的目的。

使用this.XXX來(lái)聲明一個(gè)變量，然后再聲明getXXX、setXXX等取值、賦值的方法。
使用this._XXX來(lái)聲明一個(gè)變量，然后再聲明getXXX、setXXX等取值、賦值的方法。
利用“函數(shù)作用域”這一個(gè)概念來(lái)做。
1. 門(mén)戶(hù)大開(kāi)型

var Book = function(isbn,title,author){
 this.setIsbn(isbn);
 this.setTitle(title);
 this.setAuthor(author);
};

Book.prototype = {
 setIsbn: function(isbn){
  this.isbn = isbn;
 },
 getIsbn: function(){
  return this.isbn;
 },
 setTitle: function(title){
  this.title = title;
 },
 getTitle: function(){
  return this.title;
 },
 setAuthor: function(author){
  this.author = author;
 },
 getAuthor: function(){
  return this.author;
 }
};

使用這種方法實(shí)現(xiàn)的封裝，雖然實(shí)現(xiàn)了取值器與賦值器以保護(hù)私有屬性。但是在實(shí)際使用中，私有屬性依然可以從外部訪(fǎng)問(wèn)，所以從根本上講，沒(méi)有實(shí)現(xiàn)封裝。

2. 用命名規(guī)范進(jìn)行區(qū)別

var Book = function(isbn,title,author){
 this.setIsbn(isbn);
 this.setTitle(title);
 this.setAuthor(author);
};

Book.prototype = {
 setIsbn: function(isbn){
  this._isbn = isbn;
 },
 getIsbn: function(){
  return this._isbn;
 },
 setTitle: function(title){
  this._title = title;
 },
 getTitle: function(){
  return this._title;
 },
 setAuthor: function(author){
  this._author = author;
 },
 getAuthor: function(){
  return this._author;
 }
};

使用這種方法與第一種類(lèi)似，區(qū)別在于使用不同的命名來(lái)保護(hù)私有屬性的使用。但是，從實(shí)際應(yīng)用來(lái)說(shuō)其仍然沒(méi)有實(shí)現(xiàn)封裝。

3. 使用函數(shù)作用域

var Book = function(newIsbn,newTitle,newAuthor){
 var isbn,title,author;

 this.setIsbn=function(newIsbn){
  isbn = newIsbn;
 };
 this.getIsbn=function(){
  return isbn;
 };
 this.setTitle=function(newTitle){
  title = newTitle;
 };
 this.getTitle=function(){
  return title;
 };
 this.setIsbn=function(newAuthor){
  author = newAuthor;
 };
 this.getIsbn=function(){
  return author;
 };
}

由于在JavaScript的函數(shù)中聲明的變量是有作用域的，所以使用這種方法可以避免在外部直接訪(fǎng)問(wèn)私有屬性?；具_(dá)到封裝所要求的內(nèi)容。

這里要注意的是，我們?cè)诤瘮?shù)的內(nèi)部，可以使用this.XXX以及var來(lái)聲明變量。區(qū)別是使用this.XXX聲明的變量在外部是可以訪(fǎng)問(wèn)的。使用var聲明的變量，由于受到函數(shù)作用域的保護(hù)，在函數(shù)的外部是無(wú)法直接訪(fǎng)問(wèn)的。

4. 使用函數(shù)作用域的變形

var Book = (function(){
 // ...其他靜態(tài)方法

 return function(newIsbn,newTitle,newAuthor){
  var isbn,title,author;

  this.setIsbn=function(newIsbn){
   isbn = newIsbn;
  };
  this.getIsbn=function(){
   return isbn;
  };
  this.setTitle=function(newTitle){
   title = newTitle;
  };
  this.getTitle=function(){
   return title;
  };
  this.setIsbn=function(newAuthor){
   author = newAuthor;
  };
  this.getIsbn=function(){
   return author;
  };
 };
})();

這種方法是直接返回一個(gè)構(gòu)造器的執(zhí)行。且這里的構(gòu)造器是一個(gè)內(nèi)嵌函數(shù)。

這種方法的優(yōu)點(diǎn)是“在內(nèi)存中只會(huì)存在一份。因?yàn)槠渌o態(tài)方法被聲明在構(gòu)造器之外，所以它們不是特權(quán)方法。”

判斷一個(gè)方法是否應(yīng)該被設(shè)計(jì)為靜態(tài)方法的原則是“這個(gè)方法是否會(huì)訪(fǎng)問(wèn)私有屬性”。如果它不需要，那么將其設(shè)計(jì)為靜態(tài)方法會(huì)更有效率，因?yàn)樗粫?huì)被創(chuàng)建一份。

常量
我們可以使用“只有取值器，沒(méi)有賦值器”的方式來(lái)實(shí)現(xiàn)常量。

// 1.
var Book = function(){
 var constants = ["key1": "1","key2": "2","key3": "3"];

 this.getConstant = function(key){
  return constants[key];
 };
};

Book.getConstant("key1");

// 2.
var Book = (function(){
 var constants = ["key1": "1","key2": "2","key3": "3"];

 var con = function(){};
 con.getConstant = function(name){
  return constants[name];
 };

 return con;
})();

Book.getConstant("key1");

利弊
1、利處

封裝保護(hù)了內(nèi)部數(shù)據(jù)的完整性；
封裝使對(duì)象的重構(gòu)更輕松；
弱化模塊間的耦合，提高對(duì)象的可重用性；
有助于避免命名空間沖突；
……
2、弊處

私用方法很難測(cè)試；
必須與復(fù)雜的作用域鏈打交道，使錯(cuò)誤調(diào)度更困難；
容易形成過(guò)度封裝；
JavaScript并不原生支持封裝，所以在JavaScript中實(shí)現(xiàn)封裝存在復(fù)雜性的問(wèn)題；

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: