if else文の助手が必要です

Question

私はjavascriptを使いました、だから私の問題は何かを理解する助けてください。

setTimeout(function() { 
    var wide = false; 
    if(wide = false) { 
     document.querySelector(".some-class").onclick = function() { 
      document.querySelector("#some-id").className += " MyClass"; 
      wide = true; 
     }; 
    } 
    else { 
     document.querySelector(".some-class").onclick = function() { 
      document.querySelector("#some-id").className = 
      document.querySelector("#some-id").className.replace(/\bMyClass\b/,''); 
      wide = false; 
     }; 
    } 
}, 1000); 

これは機能しません（MyClassを追加しない）。しかし、私がちょうどこれを使用する場合：

setTimeout(function() { 
document.querySelector(".some-class").onclick = function() { 
document.querySelector("#some-id").className += " MyClass"; 
}; 
}, 1000); 

それはうまく動作します。では、私のコードがうまくいかない問題は何ですか？

PS： ありがとうございます。この私が得たもの：

それが働いた

setTimeout(function() { 
    var wide = false; 
    if(wide == false) { 
     document.querySelector(".some-class").onclick = function() { 
      document.querySelector("#some-id").className += " MyClass"; 
      wide = true; 
     }; 
    } 
    else { 
     document.querySelector(".some-class").onclick = function() { 
      document.querySelector("#some-id").className = 
      document.querySelector("#some-id").className.replace(/\bMyClass\b/,''); 
      wide = false; 
     }; 
    } 
}, 1000); 

が、今それが唯一のそれぞれのonclickイベントではMyClassを追加し、それを除去しません。私はelseifとのやり取りを試みて、wide = flaseとwide = trueをonclickイベントの外に移動しようとしましたが、これは同じです。

Answer 1

if(wide === false) {...}

への変更あなたが平等のための2つの値を比較していない、falseに等しいwideを設定している=使用している場合。あなたの場合は、==または===のいずれかを使用して同等かどうかを確認できます。

前者（==）は値を比較し、後者（===）は値+型を比較します。

Answer 2

問題は次のとおりです。if (wide = false) {... これは値を比較しないでwideをfalseに設定しています。

値を比較するには、==または===を使用してください。

• シングルイコール - >変数の定義/設定。

• 倍精度 - >型変換との比較。例：("2" == 2) // true

• トリプルイコール - >型変換なしの比較。例：("2" === 2) // false

問題の場合は、2つまたは3つの等しいを使用できます。