IE10及其以下版本不支持Javascript Map对象（“Map”未定义）

秒速五厘米 2022-06-04 05:42 1262阅读 0赞

> 项目js代码中使用了Javascript Map对象，代码在Chrome浏览器中可以正常运行，但在IE10及其以下版本中报“Map”未定义错误。

--------------------

在[MSDN][]中找到了IE各个版本浏览器对Map对象的支持情况，详细信息如下：

> <table> 
>  <thead> 
>   <tr> 
>    <th>Language element</th> 
>    <th>IE 6、IE7</th> 
>    <th>IE8</th> 
>    <th>IE9</th> 
>    <th>IE10</th> 
>    <th>IE11</th> 
>    <th>Edge</th> 
>   </tr> 
>  </thead> 
>  <tbody> 
>   <tr> 
>    <td>Map Object</td> 
>    <td>N</td> 
>    <td>N</td> 
>    <td>N</td> 
>    <td>N</td> 
>    <td>Y</td> 
>    <td>Y</td> 
>   </tr> 
>  </tbody> 
> </table>
> 
>   
> 可以看到**IE10**及其**以下**版本均不支持Javascript Map对象，同时文档中也提到不支持Windows 8（Not supported in Windows 8.）但**IE11**和**Edge**是支持该对象的。

由于代码中只使用了Map对象的get()和set()方法，其他方法没有使用，所以采用**自定义Map对象**解决IE10及其以下版本浏览器运行出错问题。当判断浏览器版本为IE10及其以下版本时，使用自定义的Map对象替换Js Map对象。JavaScript代码如下：

// 判读是否为IE浏览器
    function isIE() { 
        return navigator.appName == "Microsoft Internet Explorer";
    }
    
    // 判断IE版本
    function IEVersion() { 
        return parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""));
    }
    
    // 自定义Map对象
    function Map() { 
    
        this.keys = new Array();
        this.data = new Object();
    
        this.set = function(key, value) { 
            if (this.data[key] == null) {
                if (this.keys.indexOf(key) == -1) {
                    this.keys.push(key);
                }
            }
            this.data[key] = value;
        }
    
        this.get = function(key) { 
            return this.data[key];
        }
    }
    
    // new Map()
    var map = new Map();

[MSDN]: https://msdn.microsoft.com/zh-cn/library/s4esdbwz