看完这篇文章后，别再说你不懂JS执行机制

洋流2025-04-27 10:45

案例一：

js 复制代码

showName()
console.log(a);

var a = 1
function showName() {
    console.log("name");
}

/*
输出结果：
 name
 undefined
*/

很多小伙伴要说了，这不是很简单吗？不就是个变量提升 。

对的，那么面试官 要问了，什么是变量提升 ？

问题来了，V8如何处理这段代码？

V8会先找到所有变量声明，此时，变量值为undefined，函数只是声明，但不执行

1、变量赋值（考虑作用域）
2、按照代码书写顺序进行执行

此时,按照顺序，先执行函数内的代码，此时a=undefined，执行console.log(a)，再执行赋值操作a = 1。

于是乎，就出现了如下输出结果：

js 复制代码

/*
输出结果：
 name
 undefined
*/

js 复制代码

var a =2
function add(b,c){
    return b+c
}

function addAll(b,c){
    var d = 10
    var result = add(b,c)
    return a + result + d
}

addAll(3,6)

有小伙伴又要说了，这不是也很简单吗？根据作用域的规则，到全局变量里找a的值。

对的，那么面试官要问了，为什么要这样找值？

再次代入V8视角：用栈结构（先进后出）演示如何找a的值

有小伙伴可能会问，你的a怎么就赋值了，你在胡说八道吗？我要辩解一下，执行完当前作用域（全局）的变量声明后，当然要执行了，所以a=undefined -> a=2,我这里简写了

请问，a的输出结果是什么，再用V8视角看待，那么答案就显而易见了

js 复制代码

var a = 1
function fn(a) {
    var a = 2
    function a() { }
    var b = a
    console.log(a) // 2
}
fn(3)