首页 > 代码库 > JavaScript作用域原理(二)——预编译

JavaScript作用域原理(二)——预编译

JavaScript是一种脚本语言, 它的执行过程, 是一种翻译执行的过程。并且JavaScript是有预编译过程的,在执行每一段脚本代码之前, 都会首先处理var关键字和function定义式(函数定义式和函数表达式)。

 

一、变量执行之前,会被赋为undefined

<p id="scope2" style="color:red"></p>
     function echo(p, html) {            p.innerHTML += html + ‘<br/>‘;        }     var pscope2 = document.getElementById(‘scope2‘);        echo(pscope2, typeof param); //结果:undefined        var param = ‘defined‘;        echo(pscope2, typeof param); //结果:string

在调用函数执行之前, 会首先创建一个活动对象,然后搜寻这个函数中的局部变量定义和函数定义,变量的值会在真正执行的时候才计算,此时只是简单的赋为undefined。

 

二、函数定义式和函数表达式的不同

     echo(pscope2, typeof scope2); //结果:function        echo(pscope2, typeof func); //结果:undefined        function scope2() { //函数定义式        };        var func = function() { //函数表达式        };        echo(pscope2, typeof func); //结果:function

对于函数定义式, 会将函数定义提前。而函数表达式,会在执行过程中才计算。

 

三、以段为处理单元

<script type="text/javascript">    echo(pscope2, typeof scope_next2);//结果:undefined</script><script type="text/javascript">        function scope_next2() {        };</script>

JavaScript的预编译,以段为处理单元的。

 

 

对预编译的理解上可能还有些问题,欢迎大家来指正。

 

demo下载:

http://download.csdn.net/detail/loneleaf1/7983577 

 

参考资料:

http://www.laruence.com/2009/05/28/863.html Javascript作用域原理

http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-scope-chain.html JavaScript 开发进阶:理解 JavaScript 作用域和作用域链

http://www.cnblogs.com/zxj159/archive/2013/05/30/3107923.html Javascript之匿名函数(模仿块级作用域)

http://www.web-tinker.com/article/20331.html try-catch语句的“伪块作用域”

http://msdn.microsoft.com/zh-cn/library/bzt2dkta%28v=vs.94%29.aspx 变量作用域 (JavaScript)

http://www.cnblogs.com/rubylouvre/archive/2009/08/21/1551270.html javascript变量的作用域

http://www.nowamagic.net/librarys/veda/detail/896 深入浅出JavaScript变量作用域

JavaScript作用域原理(二)——预编译