JS中使用闭包在循环中获取对应的i值

问题描述

在javascript中我们总是遇到在循环中声明一个回调函数，并且要用到当前循环的i值

for(var i = 0; i < phoneList.length; i++){
	sendAMessage('么么哒', function(){
		console.log('第' + i + '个妹子对你说:滚');
	});
}

我给10个妹子群发消息，可结果却是

第10个妹子对你说:滚
第10个妹子对你说:滚
第10个妹子对你说:滚
第10个妹子对你说:滚
第10个妹子对你说:滚
第10个妹子对你说:滚
第10个妹子对你说:滚
…
一直收到第10个妹子的回信，我想收到每个妹子的消息怎么办。

问题原因

这样写看似给10个妹子发送了信息，但是由于你的手机（javascript）机制的问题，回调只要没调用那它就不会获取i的值（你不着急用，那我就不给你了）。等到最后i的值一直累加到10，这时候有妹子回信，此时再获取到的i值已经加到10了。

解决方法

我们制造一个闭包，闭包…嗯，我们写一个立即执行的方法吧。

for(var i = 0; i < phoneList.length; i++){
	sendAMessage('么么哒', function(i){
		return function(){
			console.log('第' + i + '个妹子对你说:滚');
		}
	}(i));
}

function(i){
	console.log(i);
}(i); 

由于立即执行了function，所以i的值会被立马获取，此时循环到哪i的值就到哪。但是如果我把逻辑写在这个function内，不就不是回调了吗，我不想执行逻辑怎么办？
我们在内部在写一层

function(i){
	console.log(i);
	
	return function(){
		console.log('想怎么用' + i + '就怎么用');
	}

}(i);

javascript return是个nb的东西，他能返回数据，也能返回方法。外层立即执行的方法返回了一个方法，意思是到最后执行完了还是一个方法，只不过此时我们拿到了外层函数给我们获取到的i值（老工具方法了）。
好，我们得到了新的结果

第0个妹子对你说:滚
第1个妹子对你说:滚
第2个妹子对你说:滚
第3个妹子对你说:滚
第4个妹子对你说:滚
第5个妹子对你说:滚
第6个妹子对你说:滚
…

不错，今天和10个妹子说上话了