strange behaviour of variable named “status” in javascript

by

It’s because you run your code in global context! var bound variables are bound to the function scope. If you have no function you are in global context, which means in a browser you are on the window object.

This code will log Demo:

<script>
  var foo = "Demo";
  console.log(window.foo);
</script>

Now your code breaks because window.status is reserved.

An easy fix is to surround your code by a function to provide a new context for your variables, which is always good practice. 

<script>
    (function() {
        var status = [true,false,true,false,true,false,true,false,true,false];
        var status1 = [true,false,true,false,true,false,true,false,true,false];

        document.getElementById("demo1").innerHTML = status[2];
        document.getElementById("demo2").innerHTML = status1[2];
    })();
</script>

More Related Contents:

  1. jQuery/JavaScript collision detection
  2. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  3. Chrome 65 blocks cross-origin . Client-side workaround to force download?
  4. Difference between the ‘controller’, ‘link’ and ‘compile’ functions when defining a directive
  5. What does npm install –legacy-peer-deps do exactly? When is it recommended / What’s a potential use case?
  6. JavaScript: Is there a way to get Chrome to break on all errors?
  7. How can a Chrome extension save many files to a user-specified directory?
  8. How to scroll the window using JQuery $.scrollTo() function
  9. angular ng-repeat in reverse
  10. “this” inside object [duplicate]
  11. Sending websocket ping/pong frame from browser
  12. Please point out the misfacts in my learning regarding Asynchronous Javascript
  13. Pure Javascript listen to input value change
  14. How can I get png(base64) with images inside of svg in Google Charts?
  15. Wait for iframe to load in JavaScript
  16. webgl readpixels is always returning 0,0,0,0
  17. How to stop form submit during ajax call
  18. Update object stored in chrome extension’s local storage
  19. Array.includes() to find object in array
  20. Javascript RegExp for splitting text into sentences and keeping the delimiter
  21. How to download PDF automatically using js?
  22. How to add validation/restrictions for HTML5 date field without jquery/javascript
  23. Creating an array consisting of the largest values of each sub-array does not work as expected
  24. Pick up the Android version in the browser by Javascript
  25. Simple way to get element by id within a div tag?
  26. Java date format to JavaScript date format
  27. How to add font types on Quill js with toolbar options?
  28. How to count clicks with javascript?
  29. iframe inside angular2 component, Property ‘contentWindow’ does not exist on type ‘HTMLElement’
  30. jQuery Deferred’s, $.when() and the fail() callback arguments

Leave a Comment