函数不会更改 IE10-11 中元素的文本答案

【问题标题】：Function does not change the text of an element in IE10-11函数不会更改 IE10-11 中元素的文本
【发布时间】：2020-03-24 15:30:15
【问题描述】：

我正在创建一个支持 IE10-11 的布局。我的大部分函数都可以工作，但 .text jQuery 方法什么也不做。当我单击页面上的按钮时，某些元素的文本应根据传递给我的函数的参数而更改。代码：

const currenciesChars = new Map([
  ['rub', '₽'],
  ['usd', '$'],
  ['eur', '€']
])

const currenciesNote = new Map([
  ['rub', 'Руб'],
  ['usd', 'USD'],
  ['eur', 'EUR']
])

function changeCurrency(currency) {
  $(".currency").text(currenciesChars.get(currency))
  $(".currency-note").text(currenciesNote.get(currency))
}

changeCurrency('usd');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="currency"></div>
<div class="currency-note"></div>

控制台不会产生一个错误。但是，如果您将alert (123) 添加到该功能，则该功能有效，您可以验证这一点。我的代码有什么问题？

【问题讨论】：

这些元素是什么？提供minimal reproducible example
Map 在 IE10 中不受支持。 new Map(arguments) is not supported in IE11.
这很好。你填充了Map 吗？您是否没有告诉我们开发者工具控制台上的错误消息？
你可以通过IE11访问jsfiddle.net/tz1w5gmx/1/embedded/result,css,html,js查看控制台查看new Map(arguments)在IE11中不支持的效果。它应该为Map 变量记录[object Object]，为Map.get 记录一个函数，然后为Map.get(key) 调用的结果记录undefined。基本上，IE11 在使用参数调用时会创建一个空的Map。没有错误，只是空的:(。我没有带有 IE10 的 VM 可以方便地进行测试。
有关 IE11 中的解决方法，请参阅Map(iterable) alternative for IE 11

标签： javascript jquery internet-explorer

【解决方案1】：

如上所述，IE11 不支持 new Map(arguments)。你需要在 IE 中使用 @babel/polyfill 来填充它：

通过运行以下命令安装@babel/polyfill：
```
npm install --save @babel/polyfill
```
在@babel/polyfill npm 版本中，有一个文件@babel/polyfill/dist/polyfill.js。你可以在所有编译的 Babel 代码之前包含它。您可以将其添加到已编译的代码中，也可以将其包含在 <script> 之前。
要使您的代码在 IE 10 中运行，您还需要将 const 更改为 var。

工作代码示例如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="node_modules/@babel/polyfill/dist/polyfill.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div class="currency"></div>
    <div class="currency-note"></div>
    <script>           
        var currenciesChars = new Map([
            ['rub', '₽'],
            ['usd', '$'],
            ['eur', '€']
        ])

        var currenciesNote = new Map([
            ['rub', 'Руб'],
            ['usd', 'USD'],
            ['eur', 'EUR']
        ])

        function changeCurrency(currency) {
            $(".currency").text(currenciesChars.get(currency))
            $(".currency-note").text(currenciesNote.get(currency))
        }    
        changeCurrency('usd');
    </script>
</body>
</html>

【讨论】：