的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 - 你的小提琴代碼，有玩:)

---