第一题
var nAdd;
var t = function() {
var n = 99;
nAdd = function() {
n++;
}
var t2 = function() {
console.log(n)
}
return t2;
};
var a1 = t();
var a2 = t();
nAdd();
a1(); //99
a2(); //100
当执行 var a1 = t()
的时候,变量 nAdd 被赋值为一个函数 ,这个函数是function (){n++}
,我们命名这个匿名函数为 fn1 吧。接着执行 var a = t()
的时候,变量 nAdd 又被重写了,这个函数跟以前的函数长得一模一样,也是function (){n++}
,但是这已经是一个新的函数了,我们就命名为 fn2 吧。
所以当执行 nAdd 函数,我们执行的是其实是 fn2,而不是 fn1,我们更改的是 a2 形成的闭包里的 n 的值,并没有更改 a1 形成的闭包里的 n 的值。所以 a1() 的结果为 99 ,a2()的结果为 100。
第二题
var p = (function (a) {
this.a = a;
return function (b) {
return this.a + b;
}
}(function (a, b) {
return a;
}(1, 2)));
console.log(p(4))
我们先看这段代码的结构,简化一下就是:
var p = (function _a(){
}(function _b(){
}()))
相当于先执行 _b 函数,然后将函数的执行结果作为参数传入 _a 函数
_b 函数为:
function (a, b) {
return a;
}
_b 函数执行
(function (a, b) {
return a;
}(1, 2))
函数返回 1,然后将 1 作为参数传入 _a,相当于:
function (a) {
this.a = a;
return function (b) {
return this.a + b;
}
}(1)
变量 p 的值就是一个函数为:
function (b) {
return 1 + b
}
p(4) 的结果自然是 5
如果要问到 JavaScript 代码执行顺序的话,想必写过 JavaScript 的开发者都会有个直观的印象,那就是顺序执行,毕竟:
var foo = function () {
console.log('foo1');
}
foo(); // foo1
var foo = function () {
console.log('foo2');
}
foo(); // foo2
然而去看这段代码:
function foo() {
console.log('foo1');
}
foo(); // foo2
function foo() {
console.log('foo2');
}
foo(); // foo2
因为函数提升的原因,同名的会被后者覆盖,实际上只会执行第二次声明的函数,执行上下文栈也只会创建第二次声明的函数的执行上下文,关于覆盖的规则,下一篇文章讲变量对象也会涉及到~