溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
比如某個按鈕已經綁定了2-3個對Window對象的load事件的監聽，現在需要添加一個新的對click事件的監聽器，但在一定條件下才會同時觸發原有的2-3個load監聽器，否則只觸發新添加的這個事件。
假定新添加的監聽函數為：
function additionalListener(){
console.log('should do something else');
}ES5中可以通過添加包裝函數的方式來實現：
_windowonload = window.onload;
window.onload = function(){
additionalListener();
if (someCondition){
_windowonload();
}
}ES6中添加的代理對象Proxy也可以用來實現這個需求，基本邏輯就是實現了對window.onload的調用劫持：
var onloadProxy = new Proxy(window.onload,{
apply:function () {
additionalListener();
Reflect.apply(...arguments);
}
});
window.onload = onloadProxy;AOP,即面向切面編程，從元編程的角度來實現鏈式調用(建議一般編程人員不要在原生對象上添加新特性)，實現的邏輯就是在函數的原型對象上添加after方法，它接收一個函數作為參數，在函數被調用時先調用原函數，再調用after方法傳入的方法，最后返回原函數的執行結果：
Function.prototype.after = function (afterFn) {
return () => {
const result = this.apply(this, arguments);
afterFn.apply(this,arguments);
return result;
}
}
window.onload = window.onload.after(additionalListener);免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
