Javascript кнопка переключения не работает, если условие

Question

Ребята, что я делаю неправильно? На моем компьютере этот код: simple toggle показывает мне false === True, когда я вызываю функцию в первый раз. Почему это продолжается, когда статус ложный?

var status = false; 

    function toggleStatus() { 
    var message = "status:" + status; 
    if (status === false) { 
     message += "===FALSE"; 
     status=true; 
    } else { 
     message += "===TRUE"; 
     status=false; 
    } 
    alert(message); 
    } 

Answer 1

Это будет потому, что там уже window.status определен (который является строкой, и используется для текста в строке состояния браузера).

Поскольку вы не защищаете глобальное пространство имен от вашего кода, переменная статуса определяется как объект глобального объекта. Предположительно браузер будет топать по всему этому.

Это, однако, должны работать https://jsfiddle.net/72rf8g8p/:

(function(){ 

var status = false; 

    function toggleStatus() { 
    var message = "status:" + status; 
    if (status === false) { 
     message += "===FALSE"; 
     status=true; 
    } else { 
     message += "===TRUE"; 
     status=false; 
    } 
    alert(message); 
    } 

toggleStatus(); 

})(); 

Вы также можете просто изменить имя переменной к чему-то еще, например, как myStatus:

var myStatus= false; 

    function toggleStatus() { 
    var message = "myStatus:" + myStatus; 
    if (myStatus=== false) { 
     message += "===FALSE"; 
     myStatus=true; 
    } else { 
     message += "===TRUE"; 
     myStatus=false; 
    } 
    alert(message); 
    }