JavaScript每天一练，锻炼全局预编译和局部预编译，两道练习题（里面附详细解题过程）

小半 • 2022年10月28日下午6:44 • 前端开发 • 阅读 161

第一题

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

请问预编译后 a的值是？

代码执行后，每个console.log(a)的结果是？？

看到这道题，是不是很懵？不要着急，先恶补一下概念

全局预编译
第一步：创建 GO对象，（global Object）
第二步：找变量声明，将变量声明作为GO对象的属性值传进去，赋值为undefined。
第三步：找函数声明（不要找函数表达式），赋值于对应的Go属性值。

1、首先，按照第一步创建GO对象

GO{ }

2、找变量声明，将变量声明作为GO对象的属性值传进去，赋值为undefined

GO{

a:undefined // 找到了a,并赋值undefined

}

3、找函数声明（不要找函数表达式），赋值于对应的Go属性值

GO{

a:function a(){} // 普通函数会整体提前

}

4、代码执行后的结果是

console.log(a); // a:function a(){}
var a;
a = 10;
console.log(a); // a:10
function a(){}
var a = function(){}
console.log(a) // a:function (){}

第二题

function a(x){
console.log(x);
var x = 123;
console.log(x);
function x(){}
var b = function(){}
console.log(b);
}

a(1)

请问预编译后x，b的值是？

代码执行后，每个console.log(x),console.log(b)的结果是？？

看到这道题，是不是很懵？知道这是考察什么吗嘛，先恶补一下概念

局部预编译
1.创建AO（Active Object）对象
2.找函数的形参和变量声明，将变量声明和形参作为AO属性名，值为undefined
3.将实参值和形参统一
4.在函数体里面找函数声明（只找函数声明，不找函数表达式），值赋予函数体

1.创建AO（Active Object）对象

AO{

}

2、找函数的形参和变量声明，将变量声明和形参作为AO属性名，值为undefined

AO{

x:undefined

b:undefined

}

3.将实参值和形参统一

AO{

x: 1

b:undefined

}

4.在函数体里面找函数声明（只找函数声明，不找函数表达式），值赋予函数体

AO{

x: function x(){}

b:undefined

}

5、代码执行后，每个console.log(x),console.log(b)的结果是？？

function a(x){
console.log(x); // function x(){}
var x = 123;
console.log(x); //123
function x(){} //默认整体提前，写在哪里都一样
var b = function(){}
console.log(b); // function(){}
}

a(1)

x: function x(){}

x:123

b: function(){}