04-预解释的机制

<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <title>Title</title> 
 </head> 
 <body> 
  <script type="text/javascript">

        // 预解释是毫无节操的一种机制
        // 自从学了预解释从此节操是路人

        // in:"num" in Window 判断num是否为Window这个对象的一个属性,是的话返回true 不是的话返回false
        var obj = {name:"LDH",age:17};
        console.log("name"in obj); // true
        console.log("eat"in obj); //false

        // 1.
        // 预解释的时候不管条件是否成立,都要把带var的进行提前的声明
        // window的预解释 var num; -> window.num属性名;
        if (!("num" in window)) { // "num" in window -> true
            var num = 12;
        }
        console.log(num); // undefined

        // 2.
        // 预解释的时候只预解释"="左边的, 右边的值,不参与预解释
        // 匿名函数之函数表达式 : 把函数的定义部分当做一个值赋值给我们的变量/元素的某一个事件
        //fn();// -> 相当于undefined()执行 fn is not a function 报错
        var fn = function () {
            console.log("ok");
        }

        fu();
        function fu() {
            console.log("ok");
        }
        fu();


        // 3.
        // 执行函数定义的那个function在全局作用域下不进行预解释,当代吗执行到这个位置的时候,定义和执行一起完成了
        // 自执行函数:定义和执行一起完成了
        (function (num) {})(100);
        ~function(){}(100);
        +function(){}(100);
        -function(){}(100);
        !function(){}(100);


        // 4.
        // 函数体中 return 下边的代码虽然不再执行了 但是需要预解释
        // return后边跟着的都是我们返回的值,所以不进行预解释
        function fn() {
            console.log(num);
            return function () {};
            var num = 100;
        }
        fn();


        // 5.在预解释的时候,如果名字已经声明过了,不需要重新的声明,但是需要重新的赋值;
        // 在 JS 中 如果变量的名字和函数的名字重复了 也算冲突
        // 预解释:var fn ; window.fn ; fn = xxxfff000 window.fn = xxxfff000;

//        var fn = 13;
//        function fu() {
//            console.log("ok");
//        }

        // window预解释 :
        // 声明 + 定义  fn = xxxfff111
        // 声明 var fn (不需要重新声明)
        // 声明 + 定义  fn = xxxfff222 (不需要重新声明)
        // -> fn = xxxfff222;

        fn(); // 2
        function fn() {
            console.log(1);
        }
        fn(); // 2
        var fn = 10;
        fn(); // 报错 -> 10() error:fn is not a function
        function fn() {
            console.log(2);
        }
        fn();
    </script>  
 </body>
</html>
04-预解释的机制

推荐阅读更多精彩内容
