javascript - forEach 在 iOS Safari 上不起作用

Question

我有一个函数允许我根据它们的主体类在特定页面中加载特定模块。出于某种原因，我的 forEach 函数无法在 iOS 设备上运行，特别是在 safari 上。我试图解决这个问题有一段时间了，但我不知道如何继续...使用 try/catch，给定的错误是:

类型错误:document.getElementsByTagName("body")[0].classList.forEach 不是函数。 (在 'document.getElementsByTagName("body")[0].classList.forEach(function(e){var t=e;x.hasOwnProperty(t)&&new x[t]})', 'document.getElementsByTagName("body")[0].classList.forEach' 未定义)

这是我的代码:

import Header from './Components/Header';
import Shelf from './Components/Shelf';

import Home from './Pages/Home';
import Category from './Pages/Category';
import Product from './Pages/Product';
import NossasLojas from './Pages/NossasLojas';
import Checkout from './Pages/Checkout';

const Routes = {
    "home": Home,
    "single-product": Product,
    "page-template-nossas-lojas": NossasLojas,
    "archive": Category,
    "woocommerce-cart": Checkout
};

export default class Pages {
    constructor(){
        new Header();
        new Shelf();

        try {
                document.getElementsByTagName("body")[0].classList.forEach(function(e){
                let pageName = e;

                if(Routes.hasOwnProperty(pageName)){
                    new Routes[pageName]();
                }
            })  
        }
        catch (err) {
            alert(err);
        }
    }
}

非常感谢! :)

Answer 1

类列表不是一个数组，它是一个对象。

您可以使用 Array.from() 将其转换为数组像这样:

Array.from(document.getElementsByTagName("body")[0].classList).forEach(i => console.log(i))