怎么在JavaScript中應(yīng)用代理模式

這篇文章給大家介紹怎么在JavaScript中應(yīng)用代理模式，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

javascript是一種什么語言

javascript是一種動態(tài)類型、弱類型的語言，基于對象和事件驅(qū)動并具有相對安全性并廣泛用于客戶端網(wǎng)頁開發(fā)的腳本語言，同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言。它主要用來給HTML網(wǎng)頁添加動態(tài)功能，現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

1、概念

為一個對象提供一個代用品或占位符，以便控制對它的訪問。

2、使用方法

常用的虛擬代理形式：某個耗費(fèi)大的操作可以通過虛擬代理延遲到需要它的時候創(chuàng)建(例如，使用虛擬代理實現(xiàn)圖像的懶惰加載)。

懶惰加載圖片的方式：先用loading圖片占位，再用異步加載圖片，等圖片加載完畢后再將完成的圖片加載到img標(biāo)簽中。

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

關(guān)于怎么在JavaScript中應(yīng)用代理模式就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。