Angular的變更檢測是否支持所有的異步事件呢？如果支持，可以列出來嗎？如果有些不支持，哪些不支持呢？
如何訂閱異步事件
只要發生了異步操作，Angular就后進行變更檢測，那么Angular是如何訂閱（感知）到異步事件的呢？也就是說，當異步事件執行的時候，Angular是怎么知道的呢？先來了解一下zone.js。
zone.js
zone.js 提供了一種稱為zone的機制，用于封裝和攔截瀏覽器中的異步任務，還提供了異步生命周期鉤子和統一的異步錯誤處理機制。
zone.js是通過打補丁的方式來對瀏覽器中常見方法和元素進行攔截，比如setTimeout和HTMLElement.prototype.onclick。Angular在啟動時會利用zone.js修補幾個瀏覽器API，從而去實現異步事件的捕獲，并在捕獲事件后調用變更檢測。
package.json如下示例：
{
"dependencies": {
...
"zone.js": "~0.10.2"
}
}可以簡單來看一下zone.js。
比如，在Vue2中的數據響應式，我們都知道它是使用了Object.defineProperty來實現數據變化的攔截，但是它存在很多問題，它只可以監聽對象的屬性變化，但是對于數組的變化時無能為力的。數組原型中有7個方法可以引起數組的變化，對于這些方法Vue都需要感知到他們，那怎么實現呢？拿push方法作為例子，需要把原始的push方法覆蓋掉，實現一個新的push，新的push方法要保留原始push方法的功能，還要通知依賴進行更新。
zone.js中的實現和這個思路是一樣的，來看一段簡化的代碼模擬一下setTimeout的補丁過程：
function setTimeoutPatch() {
// 存儲原始的setTimeout
var originSetTimeout = window['setTimeout'];
// 對瀏覽器原生方法的包裹封裝
window.setTimeout = function () {
return global['zone']['setTimeout'].apply(global.zone, arguments);
};
// 創建包裹方法，提供給上面重寫后的setTimeout使用
Zone.prototype['setTimeout'] = function (fn, delay) {
// 先調用原始方法
originSetTimeout.apply(window, arguments);
// 執行完原始方法后就可以做其他攔截后需要進行的操作了
...
};
}是不是對zone.js的基本原理有了了解了呢。
