console 命令行工具 X clear

console

function f() {
    let n = 5;
    if (true) {
        let n = 10;
    }
    console.log(n)
}
f()
//上面的函数有两个代码块，都声明了变量 ，运行后输出 。这表示外层代码块不受内层
//代码块的影响。如果使用 var 定义变量 ，最后输出的值就是 10

//外层作用域无法读取内层作用域的变量
{{{{ 
{let insane = ' Hello World '} 
console.log(insane); 
}}}};
//内层作用域可以定义外层作用域的同名变量。
{{{{
let insane ='Hello World'; 
{let insane ='Hello World'} 
}}}};

//块级作用域的出现，实际上使得获得广泛应用的立即执行匿名函数 CIIFE ）不再必要了。



fnName();
function fnName(){
  //...
}
//正常，因为‘提升'了函数声明，函数调用可在函数声明之前
fnName();
var fnName=function(){
  //...
}
var fnName=function(){
  alert('Hello World');
}();
//函数表达式后面加括号，当javascript引擎解析到此处时能立即调用函数
function fnName(){
  alert('Hello World');
}();
//不会报错，但是javascript引擎只解析函数声明，忽略后面的括号，函数声明不会被调用
function(){
  console.log('Hello World');  
}();
//语法错误，虽然匿名函数属于函数表达式，但是未进行赋值操作，
//所以javascript引擎将开头的function关键字当做函数声明，报错：要求需要一个函数名

<body>
    <ul id="list">
        <li>公司简介</li>
        <li>联系我们</li>
        <li>营销网络</li>
    </ul>
    <script>
        //https://www.jb51.net/article/50967.htm
        //https://www.jianshu.com/p/b10b6e93ddec
      var list = document.getElementById("list");
      var li = list.children;
      for(var i = 0 ;i<li.length;i++){
        li[i].onclick=function(){
          alert(i);  // 结果总是3.而不是0，1，2
        }
      }
     </script>  
</body>