我想知道如何從一個文件異步操作另一個文件中的 JS 對象。我對異步代碼原理并沒有太多經驗。情況：我有一個文件，app.js我在其中根據我的 HTML 動態創建“應用程序面板”。$("div.app-panel[data-panel]").each(function() {        // create panel objects for all html divs with class app-panel        var panel = {};        panel.div = $(this);        panel.name = $(this).attr("data-panel");        panel.isActive = ($(this).attr("data-active-panel") == "true" ? true : false);        panel.onActive = () => {            // default functionality to execute when activating an app panel            panel.isActive = true;            $(panel.div).attr("data-active-panel", true);        };        panel.onInactive = () => {            // default functionality to execute when deactivating an app panel            panel.isActive = false;            $(panel.div).attr("data-active-panel", false);        };        app.panels.push(panel);    });現在我希望能夠覆蓋我的另一個文件中的 onActive 方法，main.js但是我如何知道這段代碼是否已完成運行？我無法在 app.panels 上應用.filter()或應用.find()，它將返回未定義。我可以console.log(app.panels)，它會將數組返回到我的控制臺......但我不能這樣做：panel = app.panels[0]這會給我未定義的。我試圖在 object 中創建一個函數app，它接受一個將使用 app.panels 作為參數的回調函數。然而，這給了我相同的結果......然后我嘗試用這種方式解決它：app.getPanels = async () => {    var promise = new Promise(function(resolve, reject) {        resolve(app.panels);    });    return promise;};var getPanels = async (callBack) => {    const appPanels = await Promise.all(app.getPanels());    console.log(appPanels);    callBack(appPanels);}這會引發錯誤“TypeError：對象不可迭代”。無論如何，我認為我的代碼很清楚我根本不熟悉承諾，我做錯了什么？