js的面试与笔试--js之变量提升

冷不防 2022-05-18 04:34 169阅读 0赞

### js代码解析原则 ###

首先js引擎在读取js代码时会进行两个步骤，第一个步骤是解释，第二个步骤是执行。   
所谓解释就是会先通篇扫描所有的Js代码，然后把所有声明提升到顶端，第二步是执行，执行就是操作一类的。

**例子1**：

以上代码输出 undefined   
原因： 变量提升（把变量声明提升到当前执行环境的最顶端）   
上段代码相当于：   
**var a;**   
**console.log(a);**//由于未赋值 所以输出undefined   
**a=10;**

**例2：**

foo();
        function foo(){
            console.log("aaa");
        }

结果输出： aaa   
原理：函数声明提升 （函数声明提升直接把整个函数提到执行环境的最顶端）

相当于：

function foo(){
            console.log("aaa");
        }
    
        foo();

变量提升只提升函数名 而函数提升会提升整个函数题 注意：函数提升在变量提升上面。

**例3：**

foo();
        var foo = function(){
            console.log("aaa");
        }

运行结果是： foo is not a function

原因： 还是进行了变量提升   
相当于：

var foo;
    console.log(foo);  //undefined
    foo(); //foo is not a function
     foo = function(){
            console.log("aaa");
        }

上面代码输出undefined 是因为变量提升后并没有赋值因此输出undefined

输出foo is not a function 原因是：js解析遇到 foo()时会默认当做函数来解析

**例4：**

console.log(foo);
        var foo=10;
        console.log(foo);
        function foo(){
            console.log(10);
        }
        console.log(foo);

输出结果：   
![这里写图片描述][SouthEast]

原理：   
相当于：

function foo(){
            console.log(10);
        }
    var foo;
    console.log(foo);
    foo=10;
    console.log(foo);
    console.log(foo);

注意： 函数提升在变量提升上面，第一个console.log(foo);为什么会输出函数题呢，原因在于 var foo; 并未有赋值只是声明，因此他会调用上面的值

例如:

var b=10;
    b=10;
    console.log(b); //10 输出上一个值不会输出undefined

但是更改后：

var b=10;
    b=20;
    console.log(b); //20 输出20不是上一个值

### 总结：关于变量提升，一定要注意细心思考一下，还有就是要牢记，函数提升在变量提升之上 ###

[SouthEast]: /images/20220518/bf9aef8d30f1472baa45398d9718fbb6.png

js的面试与笔试--js之变量提升

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JS变量与函数提升

相关 js变量提升(js变量提升优先级)

相关 [JS] 变量提升

相关 js的变量提升

相关【前端面试】js的变量提升

相关 JS面试题：变量声明的提升，javascript的变量声明提升

相关原生js面试题：js中的变量声明提升

相关 js的面试与笔试--js之变量提升

相关 js变量提升

相关 js变量提升