利用惰性思想进行浏览器兼容处理

 首先要学会如何获取当前浏览器信息

window.navigator.userAgent

 每次都判断兼容: 利用惰性思想进行浏览器兼容处理

function getXhr() {
    let arr = [
        function () {
            return new ActiveXObject("Microsoft.XMLHTTP");
        },
        function () {
            return new ActiveXObject("Msxml2.XMLHTTP");
        },
        function () {
            return new ActiveXObject("Msxml3.XMLHTTP");
        },
        function () {
            return new XMLHttpRequest()
        }];
    let flag = false;
    let xhr = null;
    for (let i = 0; i < arr.length; i++) {
        let tempXhr = arr[i];
        try {
            //如果不报错那么就说明当前浏览器支持这个方法, 那么我们把getXhr重写
            xhr = tempXhr();
            flag = true;
            //重写getXhr之后,下次再调用getXhr就不会再执行这些循环和判断了
            getXhr = tempXhr;
            break;
        } catch (e) {
            //如果浏览器报错会执行以下代码, 继续循环下一次,把数组中下一个方法执行
            continue;
        }
    }
    //如果循环执行完毕后 flag还是false 那么说明浏览器四个方法都不兼容
    if(!flag){
        throw new Error("浏览器不支持 ajax")
    }
}