浅谈js script标签中的预解析

Peony ·
更新时间:2024-11-10
· 778 次阅读

首先介绍预解析,虽然预解析字面意思很好理解,但是却是出坑出的最多的地方,也是bug经常会有的地方,利用好预解析的特性可以解决很多问题,并且提高代码的质量及数量,浏览器在解析代码前会把变量的声明和函数(整个函数体)提前到当前作用域的最顶端。

细节问题:在多对的script标签中如果有相同的函数,那它们相互之间是不会受影响的,在第二对script标签中声明变量或者是创建函数,在第一对script标签中是无法访问到的,这就说明了,javaScript的预解析只会在各自的script标签中发生,同时,第一对script标签中报错是不会影响到下面script标签中js代码的执行。但在第一对标签中声明的变量和函数是可以在第二对标签中获取到的。当然对于函数来说,预解析也只会将声明的变量及子级函数提升到当前函数的内部的最上面。

<script> var numOne = 5; function num() { return 1; } console.log(num());  //1 console.log(numOne);  //5 </script> <script> function num() { return 2; } console.log(num());  //2 console.log(numOne);  //5 var numOne = 10; </script>



script js

需要 登录 后方可回复, 如果你还没有账号请 注册新账号