共计 1369 个字符,预计需要花费 4 分钟才能阅读完成。
一、题目形容
以下代码输入程序
var a = 1;
console.log(a);
function fn(a, c){console.log(a);
var a = 123;
console.log(a);
console.log(c);
function a(){};
if(false) {var d = 999;}
console.log(d);
console.log(b);
var b = function(){};
console.log(b);
function c(){};
console.log(c)
}
var c = function (){console.log("I at C function");
}
console.log(c);
fn(1, 2);
二、剖析
- 页面产生便创立了 GO 全局对象(Global Object)
- 第一个脚本文件加载
- 脚本加载结束后,剖析语法是否非法.
-
开始预编译,查找变量申明,作为 GO 属性,值赋予 undefined;查找函数申明,作为 GO 属性,值赋予函数体;
// 形象形容 GO/window = { a: undefined, c: undefined,fun: function(a, c) {...} }
解释执行代码(直到执行调用函数 fn(1, 2) 语句)后,每个属性都赋了值
// 形象形容 GO/window = { a: 1, c: function (){console.log("I at C function"); } fn: function(a) {...} }
所以在 fn 执行前打印出了
1 function c() {}
执行 fn 前也产生了一次函数预编译,创立了 AO 流动对象(Active Object)
// 首先查找形参和变量申明,并赋值 undefined AO = { a: undefined, c: undefined, d: undefined, b: undefined } // 把实参赋值给形参 AO = { a: 1, c: 2, d: undefined, b: undefined } // 接下来查找函数申明,会笼罩变量申明 AO = {a: function a() {}, c: function c() {}, d: undefined, b: undefined }
而后开始解释执行:
- 第一个 console.log(a),毫无疑问会打印出咱们下面剖析的值
function a() {}
- 第二个 console.log(a),因为后面对变量 a 赋值了 123,所以打印出
123
- 第三个 console.log(c),打印出
function c() {}
- 第四个 console.log(d),因为条件语句的条件是 false,所以不会进行赋值,打印出
undefined
- 第五个 console.log(b),打印出
undefined
- 第六个 console.log(b),后面一句为变量 b 赋值了一个函数,所以打印出
function() {}
- 第七个 console.log(c),打印出
function c() {}
综上所述,咱们就能够晓得
// 全局环境内首先打印出了
1
function c() {}
// 执行 fn 函数后打印出
function a(){}
123
function c(){}
undefined
undefined
function (){}
function c(){}
三、总结
剖析预编译时,只有依照上面的步骤进行剖析,咱们就可能找出正确的答案了
- 创立 AO 对象
- 先找形参和变量申明,再找函数申明
- 形参和实参相对立
- 查找函数申明,会笼罩变量申明
正文完
发表至: javascript
2021-11-04