今天同学问我一个JS问题,我觉得有必要记录下来,于是开了这篇博文,打算长期记录同学和朋友问我的一些问题的解答思路和过程,当然,如果比较简单的不会记录啦~,这篇博文长期更新,希望和大家一起交流学习!
问题一:为什么以下代码输出的结果是10?
var z = 10;
function foo(){
console.log(z);
}
(function(funArg){
var z = 20;
funArg();
})(foo);
解答如下:
第一眼看过去,以为是一个闭包问题,然后想到闭包的作用域是全局性的,然后我就马上回答了:闭包的作用域是全局性的,所以就是10了。
这样回答显得草率,由于赶路就没有继续思考了,后来再仔细看一下,感觉不对呀,这不是一个闭包问题...,而且块级作用域里面根本就没有闭包,我怎么会看成了闭包...,这只是一个引用类型的传参问题。
下面我们来看一下什么是闭包问题,请看以下代码:
代码一
var b = 0;
(function(){
var b = 12;
return function(){
console.log(b);
}
})()(); // 12
代码二
var b = 0;
(function(){
// var b = 12;
return function(){
console.log(b);
}
})()(); // 0
代码一和代码二是闭包的体现,闭包是有权访问另一个函数作用域变量的函数,因此在代码一中输出的结果是12,它访问了立即执行函数的作用域的变量b。而在代码二中,我把立即执行函数中的变量b给注释掉,结果就等于全局作用域中的b的值0。全局作用域在作用域链的最上层,因此可以沿着作用域链找到全局作用域中的b。
现在来看看原来的问题,此处再把代码贴下来:
var z = 10;
function foo(){
console.log(z);
}
(function(funArg){
var z = 20;
funArg();
})(foo);
这个问题其实是引用类型值的传参问题,我们知道,不管是基本类型值还是引用类型值,在JavaScript中,它们的传参都是按值传递,没有按引用传递的。函数是一个object,是一个引用类型,它传入给立即执行函数,因此在内存栈中,就有了foo()
的一个副本,但是它们的值其实都是指向内存堆中同一个对象的。因此,调用了funArg()
,其实就是等于调用了全局作用域中的foo()
,全局作用域的foo()
很明显输出的就是10啦~