例题1中带var变量在私有作用域中可以预解释，所以第一个console打出来的值为undefined。私有作用域中出现的一个变量不是私有的，则往上级作用域进行查找，上级没有则继续向上查找，一直找到window为止，例题2中不带var变量不是私有的，所以往上级找
四、预解释五大毫无节操的表现
1.预解释的时候不管你的条件是否成立，都要把带var的进行提前的声明。
请看下面这道例题：
if（!("num" in window)){ var num=12；//这句话会被提到大括号之外的全局作用域：var num;->window.num； } console.log(num);//undefined
2.预解释的时候只预解释”=”左边的，右边的值，不参与预解释
请看下面这道例题：
fn()；//报错 var fn=function (){ //window下的预解释：var fn; console.log("ok"); }；
3.自执行函数：定义和执行一起完成了。
自执行函数定义的那个function在全局作用域下不进行预解释，当代码执行到这个位置的时候定义和执行一起完成了。常见有以下几种形式：
(function(num){})(10); ~function(num){}(10); +function(num){}(10); -function(num){}(10); ！function(num){}(10);
4.函数体中return下面的代码虽然不再执行了，但是需要进行预解释；return后面跟着的都是我们返回的值，所以不进行预解释；
function fn(){ //预解释：var num; console.log(num);//->undefined return function(){}; var num=100; }
5.函数声明和变量声明都会被提升。但是一个值得注意的细节（这个细节可以出现在有多个“重复”声明的代码中）是函数会首先被提升，然后才是变量。在预解释的时候，如果名字已经声明过了，不需要从新的声明，但是需要重新的赋值；
我们先来看下两个简单的例子：
//例题1 function a() {} var a console.log(typeof a)//'function' //例题2 var c = 1 function c(c) { console.log(c) var c = 3 } c(2)//Uncaught TypeError: c is not a function
当遇到存在函数声明和变量声明都会被提升的情况，函数声明优先级比较高，最后变量声明会被函数声明所覆盖，但是可以重新赋值,所以上个例子可以等价为
function c(c) { console.log(c) var c = 3 } c = 1 c(2)
接下来我们看下两道比较复杂的题目:
//例题3 fn(); function fn(){console.log(1);}; fn(); var fn=10; fn(); function fn(){console.log(2);}; fn();
1.一开始预解释，函数声明和赋值一起来，fn 就是function fn(){console.log(1);}；遇到var fn=10;不会重新再声明，但是遇到function fn(){console.log(2);}就会从重新赋值，所以一开始fn()的值就是2
2.再执行fn();值不变还是2
3.fn重新赋值为10，所以运行fn()时报错，接下去的语句就没再执行。
//例题4 alert(a); a(); var a=3; function a(){ alert(10) } alert(a); a=6; a()
1.函数声明优先于变量声明，预解释时候，函数声明和赋值一起来，a就是function a(){alert(10)} ，后面遇到var a=3，也无需再重复声明，所以先弹出function a(){alert(10)}
2.a() ，执行函数，然后弹出10
3.接着执行了var a=3; 所以alert(a)就是显示3
4.由于a不是一个函数了，所以往下在执行到a()的时候， 报错。
参考文章
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: