初学 JS，对着书上的例子做抄写员，发现一个奇怪的问题

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4673 days ago, the information mentioned may be changed or developed.

Supplement 1 · Aug 4, 2013

楼主已经发现自己错了=v=
多谢各位

return

function

newArray

22 replies • 1970-01-01 08:00:00 +08:00

yesmeck

Aug 3, 2013

爲什麼是返回 [9, 9, 9, 9, 9, 9, 9, 9, 9, 9] ？

AWSAM

Aug 3, 2013 via iPad

没学过js
不过看代码你定义了一个函数然后赋值给数组中的元素返回的当然是函数了啊
想返回999 应该调用而不是定义函数吧

bixuehujin

Aug 3, 2013

for 里面创建的函数在何处调用？

话说 [9, 9, 9, 9, 9, 9, 9, 9, 9, 9] 的结果怎么出来的呢？

qiayue

PRO

Aug 3, 2013

你再仔细一句一句看看代码，返回没错，你自己理解错了

bixuehujin

Aug 3, 2013

如何函数没有写错的话，结果正确无疑。

nervouna

Aug 3, 2013

是的，我自己理解错了，深夜脑子秀逗了。感谢楼上几位……

正确的姿势是再调用一下返回数组里的某个项。

而且返回的数组里的函数，返回的值其实应当是 10

@yesmeck
@AWSAM
@bixuehujin
@qiayue

utom

Aug 3, 2013

function createFunctions(){
var newArray = [];
for (var i=0; i<10; i++){
newArray[i] = function(){
return i;
}();
}
return newArray;
}

[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

coolicer

Aug 3, 2013

你把一个函数给一个数组，肯定全都是函数。

coolicer

Aug 3, 2013

JS讨论可以找我，我也是JS爱好者。

utom

Aug 3, 2013

newArray[i] = function(){ return i; }(); 后面括号立即执行~

linkgod

Aug 3, 2013

第一，就算如LZ所愿，也不会反回 [9, 9, 9, 9, 9, 9, 9, 9, 9, 9]，应该是返回 [10, 10, 10, 10, 10, 10, 10, 10, 10, 10]

第二，回到js语言上来看，在执行到

```
newArray[i] = function(){
return i;
}
```

这个函数并没有立即执行，应该是

```
newArray[i] = (function(){
return i;
})();
```
这样才对，就得到[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

PotatoBrother

Aug 4, 2013 via iPhone

应该是楼主错了，不是程序错了

cave

Aug 4, 2013

为什么不是 [function (){return 0;}, function (){return 1;}, function (){return 2;}, function (){return 3;}, function (){return 4;}, ...]

linkgod

Aug 4, 2013

@cave 因为这里是始终访问的createFunctions作用域里面的i

cave

Aug 4, 2013

@linkgod 但是createFunctions自己的作用域里面并没有定义i

linkgod

Aug 4, 2013

@cave 有呀！你注意看那个for循环，i就是在那定义的。

cave

Aug 4, 2013

说错了，是匿名函数里面没定义i

viger

Aug 5, 2013

1, 首先楼主在赋值给数组元素的是一个函数对象，而不是函数的结果。所以你运行后打印出的结果肯定是函数体。
2，当你再次执行这些数组元素的函数对象时结果肯定是[10,10,10...10],为什么不是[9,9,9...9呢]，其实这个要从javascript这种语言的特性说起。简单的说是其变量作用域的问题。一般强类型语言变量i的作用域只在循环内部可访问。JS不是。你可以在console中执行for(var j =0;j<10;j++);console.log(j);结果显示的是10，而不是undefined.
3,楼上的朋友说在函数后面加上()即可马上执行函数，建议是(function(){})()这样写比较好;随便楼主可以google下JS闭包。
4,注意变量申明时一定要var一下。如果没有，JS默认此变量是全局变量。

@cave 匿名函数虽然没有定义i，但是JS的特性是该作用域内没有的自动从其父作用域中寻找变量。这个无需担心。当然有时候也会造成很多奇怪的错误，好的做法是即使var变量。

nervouna

Aug 5, 2013

@viger 是的，我就是在看书的时候看到闭包，对着书上一个「错误做法」的例子做实验，发现这个问题的。

otakustay

Aug 5, 2013

为什么所有玩js的都喜欢主动去踩一下这个坑- -

FrankFang128

Aug 5, 2013

这不是坑。
不理解的地方就应该多试试。

mrhooray

Aug 6, 2013

@viger 貌似大多数语言都有你说的这个js特性。。。感觉应该是js只有global scope和function的local scope，没有一般语言的lexical scope

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Values,_variables,_and_literals#Variable_scope