的JavaScript：语法错误：缺少）后的参数列表

Question

我收到错误：

SyntaxError: missing) after argument list 

凭借此javascript：

var nav = document.getElementsByClassName('nav-coll'); 
for (var i = 0; i < button.length; i++) { 
    nav[i].addEventListener('click',function(){ 
      console.log('haha'); 
     } 
    }, false); 
}; 

这个错误是什么意思？

Answer 1

您的功能中有额外的关闭}。

var nav = document.getElementsByClassName('nav-coll'); 
for (var i = 0; i < button.length; i++) { 
    nav[i].addEventListener('click',function(){ 
      console.log('haha'); 
     }  // <== remove this brace 
    }, false); 
}; 

你真的应该使用类似JSHint或JSLint，以帮助找到这些东西。这些工具与许多编辑器和IDE集成，或者您可以将代码片段粘贴到上述网站中并要求进行分析。

var nav = document.getElementsByClassName('nav-coll'); 
for (var i = 0; i < button.length; i++) { 
    nav[i].addEventListener('click',function(){ 
      console.log('haha'); 
     } // <-- REMOVE THIS :) 
    }, false); 
}; 

一个非常好的工具，这些东西是jsFiddle：

Answer 2

，如下图所示，您得到了一个额外的}很多。我用你的无效代码创建了一个小提琴，当点击TidyUp按钮时，它会对你的代码进行格式化，如果在缺失大括号时可能会出现任何错误，它就会更清晰。

---

DEMO - 你的小提琴代码，有玩:)

---