js中作用域的实例解析

  

首先,要了解一下作用域的概念:作用,读,写,域——范围或空间。作用域:可用来进行读,写操作的范围或者空间。

  

其次,再来看看浏览器读取js文件(脚本标签内的内容)的步骤。

  

<强>

  

<>强例1:

        & lt; script>   alert ()   var=1   fn1()函数{警报(2)}   & lt;/script>      

根据var和功能可以找到:a fn1

  

预解析的过程中会自动给变量赋值定义,即:一个=定义;而函数的值就函数本身,即:fn1=函数fn1(){警报(2)}

  

所以预解析后:a=定义,fn1=function fn1(){警报(2)}

  

如果函数和变量重名,那么只保留有值的那个。

  

<>强例2:

        & lt; script>   alert ()   var=1   一()函数{警报(2)}   var=10   & lt;/script>      

根据var和功能可以找到:a a 

  

预解析的过程中:a=定义,一个=function(){警报(2)},a=定义

  

预解析之后就只有一个=function(){警报(2)}

  

<>强例3:

  

如果例2中var=10后面还有一个函数函数(){警报(4)}

  

那么预解析之后的结果就变成了:一个=function()(4)}{警觉。因为后一个有值的会覆盖前一个。

  

  

<>强例4:

  

首先我们知道下面的代码预解析的结果是:一个=function(){警报(4)}

        & lt; script>   警报(a)//读这一行的时候=函数(){警报(4)},所以打印出来的是函数(){警报(4)}   var=1//读这一的行的是后,是给一个重新赋值了,所以=1   警报(a)//读这一行的时候=1,所以打印出来的是1   一()函数{警报(2)}//读这一行的时候,没有对一个重新赋值,也不会打印任何东西,因为函数没被调用。   警报(a)//读这一行的时候=1,所以打印出来的是1   var=10//读这一的行的是后,是给一个重新赋值了,所以=10   警报(a)//读这一行的时候=10,所以打印出来的是10   一()函数{警报(4)}//读这一行的时候,没有对一个重新赋值,也不会打印任何东西,因为函数没被调用。   警报(a)//读这一行的时候=10,所以打印出来的是10   & lt;/script>      

- - - - - - - - - - - - - - - - - - - - - - - -上面的内容,帮助去理解预解析的概念,还没有用到“域”。而对于预解析来说,只要遇到一个“域”,就会在这个“域”内发生预解析- - - - - - - - - - - - - - - - - - - - - - - -

  

<>强例5:

  

以下代码预解析:a=定义,fn1=函数fn1(){警报(a) var=2;},然后开始执行代码

        & lt; script>   var=1//读到这一行的时,给一个赋值,一个=1   函数fn1 () {alert (); var=2;}//读到这一行的时,什么都没发生   fn1();//读到这一行时,函数被调用。也分为两步//1、函数被调用首先进行这个函数域的预解析,并把自己的预解析放在自己的仓库里面。//2,逐行解读代码:当读到警报(a)时,函数域的预解析结果为=定义,所以打印出定义。读到var=2时,将自己预解析的结果变为=2。   alert();//读到这一行的时候=1,打印出1   & lt;/script>      

<>强例6:在例5的基础上进行一个小改动,把var=2改为=2,则输出的结果又不同。

        & lt; script>   var=1//=1   函数fn1(){警报(一个);=2;}   fn1 ();//在函数调用的时候,因为函数内部没有“var”,所以预解析没有结果。当执行函数中的警报(a),就会到函数外(父域)找一个,此=1时,所以打印出1//函数=2,是给全局变量赋值,所以=2   alert();//因为=2,所以打印出2   & lt;/script>      

<>强例7:在例6基础上,改动一下

        & lt; script>   var=1   函数fn1 (a){警报(一个);=2;}   fn1 ();   alert ();   & lt;/script>      

<>强打印出的结果会是:定义,1。大家自己思考吧。提示:函数fn1 (a)相当于函数fn1 (var)

  

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

js中作用域的实例解析