获取解析错误，Javascript代码中出现意外的标记

Question

考虑到模块结构、闭包和立即调用 (IIFE) 原则，我正在使用 HTML、CSS 和 Javascript 创建预算应用程序。 我将模块结构分为 UIController 、Appcontroller、BudgetController。

我在 UI 控制器中有一个 getinput 方法，它从前端返回一个带有输入值的对象，我正在从应用程序控制器调用这个 getinput。但是我在 getinput 方法行下遇到错误。是否有任何语法错误或者我是做错事了。

Script.js

var budgetController=(function(){
    //some code
})();

/*--------------------------------------------------------------*/

// UI Controller
var UIController=(function(){
    return
    {
        getInput:function(){
            return {
                type: document.querySelector('.add__type').value,
                description: document.querySelector('.add__description').value,
                value: document.querySelector('.add__value').value
            };
        }
    };
})();

/*--------------------------------------------------------------*/

// App controller
var controller=(function(budgetctrl,UIctrl)
{
    var ctrlAddItem=function()
    {
        var result=UIctrl.getInput();
        console.log(result);
        // get the input data

        // add the budget item to budget controller

        // add the item to ui controller

        // calculate the budget

        // display the result 
    }

    // Button click event

    document.querySelector('.add__btn').addEventListener('click',ctrlAddItem);

    //event key event

    document.addEventListener('keypress',function(event)
    {
        if(event.keyCode===13 || event.which ===13)
        {
            ctrlAddItem();
        }
    });
})(budgetController, UIController)

Answer 1

问题出在这里：

return
{

如果您将{ 移到与return 相同的行，语法错误就会消失：

return {

错误是由于自动插入分号而发生的。 JavaScript 在return 之后为您添加了一个分号，因此代码有效：

return;
{

这绝对不是你想要的。

当您编写 JavaScript 代码并且必须将 { 放在某处时，请始终将其与之前的语句放在同一行，而不是单独放在一行。我相信这个特定问题只发生在return 语句中，而不是像if 这样的其他语句，但保持一致是很好的。

例如，您不会在这些行上得到错误：

var controller=(function(budgetctrl,UIctrl)
{
    var ctrlAddItem=function()
    {

但由于您必须遵循 return 的“同一行大括号”样式，因此在任何地方都这样做会更加一致（并添加更多空白以提高可读性）：

var controller = (function( budgetctrl, UIctrl ) {
    var ctrlAddItem = function() {