JavaScript:未捕获的语法错误:意外的标记(

Question

这是一个愚蠢的问题，但我已经阅读了代码 10 遍，但在任何地方都找不到“意外”( 。也许我只是累了。我是不是做错了什么？

function(){
  var input = document.getElementById('input');
  var btn = document.getElementById('btn')
  var lists = {
    todo: document.getElementById('todo')
    done: document.getElementById('done')
  };

  var makeTaskHtml = function(str) {
    var el = document.createElement('li');
    el.textContent = str; 

    return el; 
  };

  var addTask = function(list, task) {
    list.appendChild(task);
  };

  addTask(list.todo, makeTaskHtml('test task to-do'));
  addTask(list.done, makeTaskHtml('test task done'));
};

Answer 1

您的列表变量对象属性未用逗号分隔。

之前:

var lists = {
  todo: document.getElementById('todo')
  done: document.getElementById('done')
};

之后:

var lists = {
  todo: document.getElementById('todo'),
  done: document.getElementById('done')
};

我假设您只是将其从您发布的代码中删除，但您不能在开头只使用 function(){} 。您需要有 foo = function(){} 或 function foo(){}。