4.ES6塊級作用域


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>document</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

     <script type="text/javascript">
         console.log("ES5:");
          function fun(){
            var num=100;
            if(true){
                var num=200;
            }
            console.log(num);
        }
        fun();  //輸出200
     </script>

    <script type="text/traceur">
        console.log("ES6:");

        function fun(){
            let num=100;
            if(true){
                let num=200;
            }
            console.log(num);
        }
        fun();  //輸出100

    </script>

</head>
<body>
    
</body>

</html>


---------------------------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>立即執行函數</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

     <script type="text/javascript">
         /*(function (){

         }());//立即執行函數*/
        
        function fun() {
            console.log("I am outside!");
        };
        (function () {
           if(false){
                  function fun() {
                      console.log("I am inside!");
                  };
           };
           fun();  //I am inside!
        }());
     </script>


    <script type="text/traceur">
        
                   function fun() {
            console.log("I am outside!");
        };
        (function () {
           if(false){
                  function fun() {
                      console.log("I am inside!");
                  };
           };
           fun();  //I am outside!
        }());   
    </script>

</head>
<body>
    
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章