【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数，代码

男娘i 2022-03-12 04:29 686阅读 0赞

![在这里插入图片描述][2019031518121062.png]       ![在这里插入图片描述][2019031518121062.png]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    
    <script src="js/browser.min.js"></script>
    
    
    <script type="text/babel">
        let abc=18;
    
        function user(){
            let age = abc;
    
            setInterval(() => {
    
                console.log(age++);
    
            }, 1000);
        }
    
    
        user();
    </script>
    </body>
    </html>

不引入 browser.min.js 或者没有更改script标签的 type值 ，即使在IE11 下也会报错，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZyZWVkb21WZW5seQ_size_16_color_FFFFFF_t_70]

加上之后就都正常了：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZyZWVkb21WZW5seQ_size_16_color_FFFFFF_t_70 1]

browser.js 下载：

链接：https://pan.baidu.com/s/13f4fi4qvtMcgdiL\_ec27Mw  
提取码：akbr

[2019031518121062.png]: /images/20220312/bdba4e837153471296817f008b8947db.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZyZWVkb21WZW5seQ_size_16_color_FFFFFF_t_70]: /images/20220312/ef9175017d29458dbeb0f091dd069042.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZyZWVkb21WZW5seQ_size_16_color_FFFFFF_t_70 1]: /images/20220312/5de4761ef2454731a2f945ab6b107beb.png