どうすればこのような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

let/constは厳密な構文を意味するため、おそらくReferenceErrorを取得する必要がありますが、あなたのエンジンがstrictモードでピックアップされていなかったと思っていない場合は、どんな理由であれ。たとえ関数が呼び出されなくてもエラーを取り除くため、静的解析を使用して見つけるのが良い方法です。

Answer 2

TypeScriptを試してみることをお勧めします。あなたの例をTypeScript playgroundに見てください。

sendファンクション内にCannot find name msgがすぐに表示されます。