ES 6-ブロックレベルドメイン(let)

1804 ワード

"use strict";  // ?     

      for(let i=0;i<10;i++){
        console.log(i);
      }

      //console.log(i); // 

      for(var j=0;j<10;j++){
        console.log(j);
      }

      console.log(j); //10

クローズド・パッケージの実装:


  
    
    
  
  
    <button type="button" name="button" id="btn0">1</button>
    <button type="button" name="button" id="btn1">2</button>
    <button type="button" name="button" id="btn2">3</button>

    <script type="text/javascript">
      var btns = document.getElementsByTagName("button");
      console.log(btns.length);
      for(let i=0;i<3;i++){
        btns[i].οnclick=function(){
          console.log(i+1);
        }
      }
    </script>
  
</code></pre> : 
   
  <pre><code>

  
    <meta charset="utf-8"/>
    <title/>
  
  
    <button type="button" name="button" id="btn0">1</button>
    <button type="button" name="button" id="btn1">2</button>
    <button type="button" name="button" id="btn2">3</button>

    <script type="text/javascript">
      var btns = document.getElementsByTagName("button");
      console.log(btns.length);

      // 
      for(var i=0;i<3;i++){
        btns[i].οnclick=function(){
          console.log(i+1);
        }
      }
    </script>
  

</code></pre> 
  <br/> 
  <br/> 
 </div> 
</div>
                            </div>
                        </div>