這篇文章給大家介紹怎么在JavaScript中應用代理模式,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
javascript是一種動態類型、弱類型的語言,基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發的腳本語言,同時也是一種廣泛用于客戶端Web開發的腳本語言。它主要用來給HTML網頁添加動態功能,現在JavaScript也可被用于網絡服務器,如Node.js。
1、概念
為一個對象提供一個代用品或占位符,以便控制對它的訪問。
2、使用方法
常用的虛擬代理形式:某個耗費大的操作可以通過虛擬代理延遲到需要它的時候創建(例如,使用虛擬代理實現圖像的懶惰加載)。
懶惰加載圖片的方式:先用loading圖片占位,再用異步加載圖片,等圖片加載完畢后再將完成的圖片加載到img標簽中。
3、實例
var imgFunc = (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() {
imgFunc.setSrc(this.src);
}
return {
setSrc: function(src) {
imgFunc.setSrc('./loading,gif');
img.src = src;
}
}
})();
proxyImage.setSrc('./pic.png');關于怎么在JavaScript中應用代理模式就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。