前端问题解答

今天同学问我一个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啦~