🍊
ブラウザの Console と node の解釈の相違
これは何
↓ のあたりについて、覚え書き
結局のところ
- ブラウザの開発者コンソールだと
{}を コードブロックと解釈する - node の REPL は
{}をオブジェクトリテラルと解釈する
前提
-
+[]は0と等価 -
({} + [])はオブジェクトに評価されれる -
({})と0は等価でない
+[] === 0
// true
({} + [])
// '[object Object]'
({}) === 0
// false
起きてたことと
- node の REPL では
{} + [] === 0がfalseになる - Chrome の開発者ツールでは
{} + [] === 0はtrueになる- Firefox でも同じだった
GitHub でのコメントと理解したこと
The REPL evaluates it as ({} + [] === 0) - note the parens. It's the difference between these two:
eval('{} + [] === 0')
true
eval('({} + [] === 0)')
false
Without the parens, the {} is an empty block, not an object literal. Replace it with {1 + 2 + 3} and you get the same result. edit: I didn't make it clear but what is actually compared is +[] === 0, the {} is a red herring.
Not really a bug, just mildly unexpected behavior.
-
{}をオブジェクトリテラルと解釈するか、空のコードブロックとして解釈するかで、評価が異なり結果がかわる - ブラウザのコンソールでは Issue のコードの
{}はコードブロックとして評価される - node の REPL では Issue のコードの
{}はオブジェクトリテラルとして評価されれる
ということは、あいまいさをなくせばよいはずなので。
in browser
const val = {} + [] === 0;
val === 0;
// false
in node repl
{;} +[] === 0
// true
おわりに
すっと頭に入ってこなかったのと red herring っていうコメントが良い表現だなと思ったので調べてみました。
IDE で補助されながら書いていると気付きにくい差なので、気付いたこと自体すごいなと思いました。
Discussion