DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 輕松掌握JavaScript代理模式
輕松掌握JavaScript代理模式
編輯:關於JavaScript     

在面向對象設計中,有一個單一職責原則,指就一個類(對象、函數)而言,應該僅有一個引起它變化的原因。如果一個對象承擔了過多的職責,就意味著它將變得巨大,引起它變化的原因就多,它把這些職責耦合到了一起,這種耦合會導致程序難於維護和重構。 

這時候,我們可以把該對象(本體)的其中一部分職責分離出來給一些第三方對象去做,本體只管自己的一些核心職責,這些第三方對象就稱作代理。代理對象可以作為對象(也叫“真正的主體”)的保護者,讓真正的主體對象做盡量少的工作。在代理設計模式中,一個對象充當了另一個對象的接口的角色。 

通常代理和本體的接口應該保持一致性,這樣當不需要代理的時候,用戶可直接訪問本體。 

當我們不方便直接訪問一個對象時,就可以考慮給該對象招一個代理。 

代理可用於:圖片預加載、合並HTTP請求(代理收集一定時間內的所有HTTP請求,然後一次性發給服務器)、惰性加載(通過代理處理和收集一些基本操作,然後僅在真正需要本體的時候才加載本體)、緩存代理(緩存請求結果、計算結果)等

例子1:圖片預加載

 var myImage = (function(){
 var imgNode = document.createElement('img');
 document.body.appendChild(imgNode);
 return {
  setSrc:function(src){
   imgNode.src = src;
  }
 }
})();
//代理函數
var proxyImage = (function(){
 var img = new Image;
 img.onload = function(){
  myImage.setSrc(this.src);
 }
 return{
  setSrc:function(src){
   myImage.setSrc('loading.gif');
   img.src = src;
  }
 }
})();

proxyImage.setSrc('show.jpg');

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved