JavaScript预解析与作用域问题的理解及解决办法

最新推荐文章于 2024-10-09 11:19:11 发布

竹箫云淡

最新推荐文章于 2024-10-09 11:19:11 发布

阅读量151

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_42420490/article/details/104930961

版权

JavaScript中预解析与作用域

1、函数执行时，程序的基本执行过程和原理

函数的定义/封装阶段：
1，在内存中开辟一个存储空间，并且定义内存地址
2，定义函数的程序内容，存储在这个内存地址表示的空间中，此时程序没有被执行，并以字符串的形式来存储在堆中。
3，将内存地址存储在变量名称/函数名称中
函数的调用阶段：
1，读取变量名称/函数名称中存储的内存地址
2，通过内存地址，找到对应的函数程序
3，给函数程序中的参数赋值
4，预解析/预解释
5，执行函数中存储的程序代码

2、JavaScript的预解释/预解析

JavaScript是弱类型、解释型的脚本语言。其中解析(解释)型是解析计算机语言在程序执行之前，会先将定义的程序，预先解析，也就是预先模拟执行一遍，它会找程序中的关键词var、function两个关键词。
预解析的操作原理：程序会预先读取JavaScript中的所有程序内容，找到所有var和function关键词来进行预解释和预解析，告诉计算机程序，有哪些变量是使用var关键词声明，如果提前使用var声明的变量，告诉计算机程序，这个变量已经存在，只是当前没有赋值，执行结果是undefined，不会报错，如果是使用function声明的函数，告诉计算机程序，这个函数已经存在，并且告诉计算机这个函数的内存地址，可以正常调用使用此函数。
在预解析中，若想先输出某数据的话，有两种情况：如果是没有使用var关键词声明的变量，执行结果是会报错，并且之后的所有程序，都不会执行；如果使用var关键词声明的变量，执行结果是undefined，而undefined之后程序还可以继续执行。

console.log(i);//程序报错
i=50;//不执行
console.log(i);//不执行

console.log(j);//undefined
var j=50;
console.log(j);//50

预解析/预解释的无下限操作：只要是写在程序中的var和function关键词，都会被预解析，不管程序会不会被执行，都会执行预解析。如果是不执行的程序，var也会进行预解析，如果提前使用，结果是undefined；但若是函数，function亦会预解析，但如果不执行的函数，那么此函数就不能调用，原因是，函数的预解析会执行，也会存储内存地址，但是程序不执行，这个内存地址中就没有内容，故其执行结果会报错。

// console.log(int);undefined
        // fun();//====>报错

        if(false){
           // 当if判断,条件执行结果是true时,才会执行程序
           // 如果条件执行结果是false,var int = 100 是不会执行的
           var int = 100; 

           function fun(){
               console.log(123);
           }
        }

        console.log(int);//undefined
        fun();//报错

3、变量的作用域

概念： 所谓的变量的作用域，就是变量的使用范围，每一个变量都有自己的使用范围。
分类：在函数之内的变量：包括函数的参数，定义在函数内部的变量，都称为局部作用域变量/局部变量，这些变量只能在函数内部使用，如果外部想要直接调用，是不行的。下图函数中定义的变量a和b，它们都是局部作用域变量。

function fun1(a){
            var b = 100;
            console.log(a,b);  // 函数内部调用
        }

a和b只能在函数内部被调用使用，函数外部是不能直接使用调用，若要在函数外部调用函数内部的变量，其结果都是报错。
全局作用域变量/全局变量：定义在函数之外的变量。在函数的内部是可以使用全局作用域变量的，但有条件的。即在函数外部，不能直接调用函数内部定义的局部作用域变量；而在函数内部，可以调用函数外部的全局作用域变量。但是有条件的，条件就是，此函数内部没有定义某个变量，但使用了，那么它才会向函数的外部去寻找，看是否有此变量的定义，只有找不到时才会将此变量升级为全局变量(有些地方把升级后的全局变量称为隐式全局变量)。
调用变量的原则：会先在当前作用域中，找是否有这个变量，如果有，就直接使用这个变量，如果没有，去父级作用域寻找这个变量。如果父级作用域有这个变量，就使用这个变量，如果父级作用域没有这个变量，再向上一层寻找。如果找到这个变量，就直接使用。如果所有的作用域都没有这个变量，执行结果是报错。注意，调用变量只会向父级作用域找变量，不会向子级作用域找变量。
变量的赋值原则：先在当前作用域中找变量，如果有，就对这个变量进行赋值，如果当前作用域没有这个变量，去父级作用域找这个变量；如果父级也没有这个变量，再去父级找变量，如果所有的作用域都没有这个变量赋值语句，那么此变量便会升级为定义变量语句，并且定义的是全局作用域变量，它不会去子级找变量赋值。总之，记住一句话：定义变量，一定要写 var 关键词，不管是局部还是全局。