JavaScript面试之预编译与执行

最新推荐文章于 2024-02-20 23:13:42 发布

i大俊

最新推荐文章于 2024-02-20 23:13:42 发布

阅读量617

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT基础文章标签： javascript 面试预编译

本文链接：https://blog.youkuaiyun.com/hope_It/article/details/73333111

JAVASCRIPT基础专栏收录该内容

25 篇文章

订阅专栏

本文探讨了JavaScript的执行顺序及变量提升现象，通过具体示例展示了预编译阶段如何处理变量声明与函数声明，解释了为何某些情况下变量会显示为undefined。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天面试笔试部分有很多题是考预编译和执行的内容，为了进一步了解，在这写篇博文。

题目

if (a) {
         var a = 10;
}
console.log('a:' + a); // undefined

if (b in window) {
         var b = 10;
}
console.log( b); // 10

function fn() {
       console.log('hello');
}
fn(); // hello
var fn= function() {
       console.log('hello world');
}
fn(); // hello world

var fn = function() {
       console.log('hello world');
}
fn(); // hello world
function fn() {
       console.log('hello');
}
hello(); // hello world

以最后一个题目作为例子

扫描var关键字，提前到最顶端：
var fn;
扫描function定义式，提到var之后：
var fn;
function fn(){
console.log('hello');
}
顺序执行代码：如下：
var fn;
function fn() {
console.log(‘hello’);
}
fn= function(){
console.log(‘hello world’);
}
fn(); // hello world
fn();// hello world

JavaScript执行顺序

js引擎读取一段js代码，首先预解析，就是逐行读取js代码，寻找全局变量和全局函数，遇到全局变量，把变量的值变为undefind,存在内存中，
遇到全局函数，直接存在内存中，这个过程如果发现语法错误，预解析终止。
我们平时遇到这种情况：
alert(a)
var a=100
这个弹出undefind，而不是没有这个变量的语法错误，就是因为预解析时候把a调成了undefind存在内存中