title: How to override function hoisting in Javascript?
body: <p>Isn't function abc() <code>hoisted</code>? 
  Assuming <code>var abc</code> and <code>function abc</code> both are hoisted which would take precedence?</p>
  
  <pre><code>var abc = 10;
  console.log(abc);
  
  abc();
  
  function abc(){
      console.log("abc");
  }
  </code></pre>
  
  <p>Why does the following code shows error "abc is not a function"?</p>