js预编译
每次面试当拿到这样的题,你会轻松的都将它搞定吗?
function test1(a, b) { console.log(a); c = 0; var c; a = 3; b = 2; console.log(b); function b() {} function d() {} console.log(b); } test1(1);
如果上面问题你都可以轻松搞定,那么请略过此篇文章,有疑惑的小伙伴可以跟我仔细探究一下了。
这就不得不说说js的预编译了,js代码的执行是读一行代码执行一行,但在执行之前系统会先对js进行全面扫描检查是否存在低级的语法错误,并不会立即执行语句。预编译是发生函数执行的前一刻,简单总结了四句话:1. 创建AO对象(执行期上下文); 2. 找形参和变量声明, 作为AO对象属性值, 值为 undefined;3. 将形参 和实参相统一;4. 找函数声明,值赋予函数体;以上面的例子为例:
第一步: AO {
}
第二步: AO {
a: undefined;
b: undefined;
c:undefined;
}
第三步:AO {
a:1;
b: undefined;
c:undefined;
}
第四步: AO {
a:1;
b: function b() {};
c:undefined;
d:functoiin d() {};
}
当test函数执行后,a=1; b=2; 这时候我们不必再为function b() {}这样的函数声明烦恼了,因为在js预编译的时候已经执行了。预编译的四部曲是不是很简单搞定问题~~