我该如何调试JavaScript错误？

Question

我是javascript的新手，并试图弄清楚以下代码为何不起作用：

let ws = new WebSocket("ws://echo.websocket.org/");
ws.onmessage = msg => console.log(msg);
let queue = [];
ws.onopen = () => {
    queue.forEach(msg => ws.send(msg));
};

const send = () => {
    if(ws.readyState === ws.OPEN){
        ws.send(msg);
    }
    else{
      queue.push(msg);
    }
};

send("foo");
send("bar");

然后我意识到自己需要： let send = (msg) => { 。

在发现问题之前，我曾使用过lint和dev工具，但看不到任何警告。 我应该怎么做才能发现那里的问题？

http://www.es6fiddle.net/iu3qwem6/

Answer 1

eslint。 甚至还有一个特定的规则： http : //eslint.org/docs/rules/no-undef

您可能应该得到一个ReferenceError，因为let / const表示严格的语法，尽管如果您错过了我以为您的引擎由于某种原因而没有采用严格模式的情况。 无论如何，使用静态分析来查找是一个更好的错误，因为即使从未调用该函数，它也会拾取错误。

Answer 2

我建议您尝试一下TypeScript。 在TypeScript操场上查看您的示例。

它会立即告诉您：在send函数中Cannot find name msg 。