JavaScript预解析及相关技巧分析

alert(y1);     //代码段1
var y1 = 'dddd';
alert(y2);     //代码段2 // alert(typeof y2);
y2 = 'xxxxx';

var y1;
alert(typeof y1); //很自然，它此时值为undefined
y1 = 'dddd';

y2 = 'exam';  
//在没出现它的定义操作之前（即在它还没有自己的scope之前）该操作会将这段代码认为是定义一个全局变量，在window上注册一个属性y2，并赋值为exam

if (!('a' in window)) {
  var a = 1;
}
alert(a);

alert(typeof y3); //结果"xxx is not a function" 的错.这也理清了为什么同为函数声明，一个却关系到声明和调用的顺序，一个却无这样的约束。

结论
它是函数，是js执行，动态修改的结果，依然遵循了变量的预解析规则（在上面alert的时候，它还并没有拿到字面量函数的信息）。

如果是两个混合呢。看下面, 同时存在了为y4的变量和function。


alert(typeof y4); //结果"htmlcode">

alert(typeof y5);
var y5 = 'angle';
function y5(){
  console.log('ghost');  
}
alert(y5);




第一次alert结果，因为它处于js 执行过程中的顶端，所以为 function。 第二次再alert时， 它的值已经被重写为5（不要被function的定义位置在下所迷惑。）
从js的解析和执行分开来想，才发现眼前豁然开朗，很多问题的答案都很自然得浮出水面,正如那篇文章作者所说，"一旦理解了执行环境、调用对象、闭包、词法作用域、作用域链这些概念，JS语言的很多现象都能迎刃而解。"
现在再看，即使在这个存在着很多不可思议的语言中，也有很多可以追溯到它的缘由。
如何更好的做参数判断
讨论了上面那么多，那如何让它更贴近于实际开发呢，既然javascript的读写不均等性，如何才能避免在不报错的情况下做参数判断呢。
eg: 


if(cusVar){ //这里的判断，是不是存在隐含的问题呢。 }




如何严谨一些呢。


if(window['cusVar']) { //保证它不报错。
  //或者这样的判断也是可行的 window.cusVar | typeof cusVar !== 'undefined'
  //干活咯
}




最后补充又一个小quiz, (理解 预解析与执行的分离)


var y7 = 'test';
function fun1(){
  alert(y7);
  var y7 = 'sex';
}
fun1();




更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。