首页 > 代码库 > 多个script标签的作用域

多个script标签的作用域

当页面中存在多个<script>标签时,这时编译器会将多个标签处理成一个还是将多个分开处理呢,

看下面的代码:

  <script>        alert(a);    </script>    <script>        var a = 123;    </script>

这段代码会报 Uncaught ReferenceError: a is not defined 的错误,而不是undefined,所以可以看出编译器是按块进行编译的,

也就是说是按script标签一块一块进行编译的,在第一个块中,并没有声明a变量,(这也证明了a变量并没有被声明提前,直到第二个script内部才被提前的。)所以才会弹出这个错误,而不是undefined。

在看一个例子:

 <script>        var b = 111;    </script>    <script>        alert(b);    </script>

这段代码的运行的结果是111,这说明了,虽然编译不是同时进行的,但作用域始终还是一个,只是编译器编译的时候是一个块一个块从上向下进行编译的。

多个script标签的作用域