同じ行で完璧に使用されていても、プロパティは未定義とマークされていますか？ JavaScriptで

Question

は、Visual Studioのコードで編集し、Google Chromeの

if ((piece == null || piece.color !== us)) 

上で実行されている上記の行は、私はこれに変更したときに、しかし、問題なくプロパティを実行します：

if ((piece == null || piece.color !== us) && piece.color !== UNION) 

またはこれを変更します：

if (piece.color == null || piece.color == swap_color(us)) 

私は次のエラーを取得する：

Uncaught TypeError: Cannot read property 'color' of undefined 

2番目のケースでエラーが発生するのはなぜですか？最初のケースには同じプロパティが含まれていますか？

EDIT

私は短絡にこれらの答えを読んでいるが、それは、誰かが私にはブール式を形成することができ、クリックしないのですか？ 基本的には、piece.colorは

私がしたいswap_colorと同じである

くれ

それらを（（私たち）

UNION 3例

• ヌルのいずれかになります実行

  continue; 
  

  (piece.color == null || piece.color == swap_color(us)) とpiece.color !== UNION

  そこで私の誤った最初の試み

Answer 1

Why do I get the error in the second case, yet the first case included that same property?

ブール演算子であるshort circuiting。それは

• a || bするための手段：aはfalse
• a && bある場合bにのみ評価されます。aだからtrue

ある場合bにのみ評価され、piece.color !== usはpiece == nullがfalseある場合に実行のみですすなわちpieceはnullまたはではありません。つまり、piece.colorにアクセスすると、常に「うまくいく」（エラーは発生しません）という意味です。

piece == nullがtrueの場合、piece.color !== UNIONが実行されます。あなたが書いたことは、基本的には「pieceがヌルで、piece.colorがUNIONではない場合です（pieceがnullであることは、piece.colorが存在しないことを意味するため）。

I want to run continue; in situations when (piece.color == null || piece.color == swap_color(us)) and when piece.color !== UNION

"と" この文は、ブール値に変換してOR

---

。しかし、 pieceが nullでないことを確認しなければならず、 piece.color !== UNIONが piece.color == swap_color(us)を意味するので、式を簡略化することができます。 pieceは piece.color !== usをチェックせずにtrueになり、その後 piece == null || piece.color !== us)) nullの場合

if (piece == null || piece.color !== UNION) { 
    continue; 
} 

Answer 2

は、そうpiece.color !== UNIONが評価されますが、pieceがnullであるため、piece.colorは未定義です。

あなたのロジックにはこのような欠陥があります。実際には私はあなたが何を意味するか分からないという事実に誤りがあります。それはあなたが意味するように思えるでしょう。 pieceがnullの場合はどうしますか？

Answer 3

これはshort-circuit evaluationと呼ばれるもので起こる：

はのはpiece == nullを想定してみましょう：最初のケースでは、コンパイラはorの左側を評価する必要があります。 trueを取得すると、式全体がtrueになるため、右側をスキップできます。

左の式は上記のようにtrueと評価されますが、andは両辺がtrueであることを要求するため、コンパイラは右側を評価しようとします。それが存在しない財産に遭遇する場所です。

これを試してみてください：それについて考えるために

if (piece === null || (piece && piece.color && piece.color !== us && piece.color !== UNION)