Uncaught TypeError: UICtrl.getInput is not a function

Question

我想从 UI 控制器模块 获取输入并将其记录到我的主 appController 文件中。但是我收到如下所示的错误。谁能帮帮我？

这是UI控制器模块：

export default function UIController() {
    return {
        // get inputs
        getInput: function () {
            return {
                type: document.querySelector(".add__type").value,
                description: document.querySelector(".add__description").value,
                value: document.querySelector(".add__value").value,
            };
        },
    };
}

这是主文件app Controller:

// Import modules
import UIController from "./UIController.js";

// App controller
((UICtrl) => {
    function ctrlAddItem() {
        // get input data
        let input = UICtrl.getInput();
        console.log(input);
    }

    document.querySelector(".add__btn").addEventListener("click", ctrlAddItem);
})(UIController);

这正是我在控制台中遇到的错误

Uncaught TypeError: UICtrl.getInput is not a function
at HTMLButtonElement.ctrlAddItem (appController.js:9)

Answer 1

因为您要从 UiController 模块返回 function。

因此您必须在主应用程序控制器中像这样添加括号() let input = UICtrl().getInput();。