鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 頁(yè)面中的某個(gè)js注入時(shí)間不確定,而且提供了ready事件,我怎么在使用時(shí)確保他一

頁(yè)面中的某個(gè)js注入時(shí)間不確定,而且提供了ready事件,我怎么在使用時(shí)確保他一定存在呢?

比如有個(gè)全局變量STS,這個(gè)變量所在的js文件是客戶(hù)端注入到我們的頁(yè)面里的,注入到頁(yè)面后并初始化完成后會(huì)執(zhí)行一個(gè)ready事件??墒沁@個(gè)js文件的注入時(shí)間卻無(wú)法保證,我們只能每次都檢測(cè)一下,如果存在則直接使用,不存在的話,需要ready一下:

if( window.STS ){
    load();
}else{
    document.addEventListener('stsready', function(){
        load();
    })
}

可是我在使用這個(gè)變量里的方法時(shí),總不能每次都這樣寫(xiě)一遍檢測(cè)STS是否存在吧:

const tip = function( msg ){
    STS.showTip(msg);
}
if( window.STS ){
    tip( Date.now() );
}else{
    document.addEventListener('stsready', function(){
        tip( Date.now() );
    })
}

有沒(méi)有通過(guò)Promise或者什么方式來(lái)包裝一下,每次使用時(shí)都能保證全局變量存在,如果不存在就先暫時(shí)存儲(chǔ)起來(lái),等ready事件執(zhí)行后,再一并執(zhí)行呢?

function BB(){

}
var bb = new BB();
bb.invoke('showTip', Date.now());

比如這樣的,通過(guò)BB包裝一下,然后后面我直接使用即可,這樣我就能調(diào)用到STS中的showTip方法,不用再每次都檢測(cè)STS了。 謝謝了

回答
編輯回答
執(zhí)念

建一個(gè)任務(wù)數(shù)組,并監(jiān)聽(tīng)這個(gè)數(shù)組對(duì)象,sts不存在時(shí)將需要執(zhí)行的回調(diào)存起來(lái),ready完成和數(shù)組變化時(shí)都去檢查任務(wù)隊(duì)列長(zhǎng)度 依次調(diào)用回調(diào) 回調(diào)然后在任務(wù)隊(duì)列數(shù)組刪除該回調(diào) 這樣你就不用去管他是否加載了,沒(méi)加載就會(huì)把任務(wù)依次掛起,加載完成了就會(huì)先把一個(gè)任務(wù)放進(jìn)任務(wù)隊(duì)列,然后立即拿出來(lái)執(zhí)行

2017年10月19日 13:52
編輯回答
陌如玉

感覺(jué)這個(gè)解決思路引入了不少問(wèn)題;既然這樣,如果這個(gè)注入進(jìn)來(lái)的 JS 文件不包含動(dòng)態(tài)內(nèi)容的話,可不可以封裝成 SDK 直接給前端使用?

2018年6月11日 15:36