如何將箭頭 function 更改為正常的 function 以使其在 Internet Explorer 中工作？

Question

我在 chrome 和 firefox 上使用以下代碼。

它運行良好，但由於 javascript 中有兩個箭頭 function，動畫在 Internet Explorer 上不起作用。

我應該如何在 javascript 中將它們寫成正常的 function？

提前致謝

您可以在這里找到一個演示https://jsfiddle.net/80vr25zf/

const counters = document.querySelectorAll('.evyt_.h-counter');    
counters.forEach(counter => {
const updateCount = () => {
const target = +counter.getAttribute('data-target');
const count = +counter.innerText;   

Answer 1

根據此頁面http://kangax.github.io/compat-table/es6/ ， IE 11 中未實現 ES6 功能（包括箭頭和匿名函數）。

所以你應該使用 ES5 支持的經典 function 聲明（因此是 Internet Explorer）

您的代碼將如下所示：

const counters = document.querySelectorAll('.evyt_.h-counter');    
counters.forEach(function counterFunction(counter) {
const updateCount = function updateCode() {
const target = +counter.getAttribute('data-target');
const count = +counter.innerText;  }}