4.ES6块级作用域

最新推荐文章于 2022-12-05 19:47:21 发布

可爱的小雨

最新推荐文章于 2022-12-05 19:47:21 发布

阅读量139

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_36685875/article/details/78551888

版权

JavaScript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<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>