javascript预解析及相关技巧分析_javascript技巧

《javascript预解析及相关技巧分析_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、JavaScript预解析及相关技巧分析木文实例讲述了JavaScript预解析及和关技巧。分享给大家供大家参考，具体如下：变量同样，以这两个小例了的错谋对比提示开始。alert(yl);//代码段1varyl=dddcf;alert(y2);//代码段2//alert(typeofy2);y2='xxxxx';先思考一下，为什么一个会提示undefined,一个却抛出变量未定义的错。。先看JavaScript的解析过程。javascript在执行过程之前，会做一件事件“预解析”。解析引擎会以块为单位级别，执彳亍所有var变量的创建，并赐予它们一个初始值：undcfin

2、cdo这样一来，第一个例子为什么会弹岀undefined的原因就显而易见了。所以第一段代码其实就等价于varyl;alert(typeofyl);//很自然,它此时值为undcfincdyl='dddd';那第二段代码为什么又抛错呢，此吋就不再属于“预解析”阶段了，（在这里我假设浏览器遇到一个script标签时只做两件事：预解析和执行，其实不只这两件事情），而处于执行阶段，抛错原因在于js在执行段状态并不知晓y2的状态（预解析阶段没冇捕获到y2的任何信息），当然就抛岀未定义的错误信息。这里乂牵扯到另一个问题：js是弱类型语言，变量不定义可以用，那为什么这里又抛出为定义错

3、误呢。事川I总有因，javascript总有很多自身奇怪的特性，有一个叫变量的读写不均等。未定义的变量，仅仅是可写，并不可读。何为可写，每个人都熟悉这样的写法：y2二，exam，;〃在没出现它的定义操作Z前（即在它述没冇自己的scopeZ前）该操作会将这段代码认为是定义一个全局变量，在window上注册一个属性y2,并赋值为exam但在对它的读操作，js引擎搜寻不到它的任何相关信息，就以自己的脾气行事,毫不客气抛一个未定义的错，这是js的游戏规则。还有但是，那为什么却可以获取它的类型呢。述记得js对对象的操作吧。如果访问对象一个不存在的属性及类型,会提示undefine

4、d,（因为它当前是window对象的一个属性）。再注：这里需要区分，变量的读写不均等仅用于变量，读取所有对彖的属性，不存在该特性，如果不存在，会提示undefinedo结论到这里，我的思考结果：对于变量和对彖的写操作，他们有一定的类似Z处.但是读操作，各有各的一套规则，正因为此，所以有了上面的问题。这样一來，下面这个题应该就很容易得到答案了吧。if(!('a'inwindow)){vara=1;}alert(a);函数引申一下,function.还记得上面提到的预解析,在javascript的预解析中,除了对var变量的预定义，还包括了提取对函数的定义，所以可以在scr

5、ipt的任何地方定义函数，在任何地方调用。不限于它Z前.但函数的定义方式，包括了一种叫字面量定义法，用var的方法声明function.看下面alert(typeofy3);//结果?vary3=function(){console.log(，1');}还记得这个约定吧：调用必须出现在声明之后，为什么呢，如果理解了上面，其实这里答案已经明了。javascript引擎在预解析var时会给他们一个初始值undefined,这样一来，如果我们在它的声明之前调用它，javascript引擎还没拿到它的真实值，口然会报〃xxxisnotafunction，/的错.这也理清了为什么

6、同为函数声明，一个却关系到声明和调用的顺序，一个却无这样的约束。结论它是函数，是js执行，动态修改的结果，依然遵循了变量的预解析规则（在上面alert的时候，它还并没有拿到字面量函数的信息）。如果是两个混合呢。看下面，同时存在了为y4的变量和functionoalert（typcofy4）;//结果?functiony4（）{console.log（，y4'）}vary4;因为javascript在预解析时function的声明优先级高的缘故，所以y4自然为function类型，但是在当y4赋值之后（此时js引擎处于执行过程中），它对js的赋值操作将会覆盖functio

7、n的声明。所以：alcrt(typeofy5);vary5='angle';functiony5(){console・1og('ghost，);}alcrt(y5);第一次alert结果，因为它处于js执行过程屮的顶端，所以为function。第二次再alert吋，它的值已经被重写为5（不要被function的定义位置在下所迷惑。）从js的解析和执行分开來想，才发现眼前豁然开朗，很多问题的答案都很口然得浮出水而，正如那篇文章作者所说，〃一旦理解了执行环境、调用对象、闭包、词法作用域、作用域链这些概念，JS语言的很多现彖都能迎刃而解。〃现在