Question

JS函数调用问题

我在书上看了段代码，点选button切换图片和说明，里面有一点串不起来：
<div style="margin-top:100px;text-align:center">
<img id="sceneimg" src="scene0.jpg" alt="Stick Figure Adventure" /></br>
Please choose:
<input type="button" id="decision1" value="1" onclick="changeScene(1)"/>
<input type="button" id="decision2" value="2" onclick="changeScene(2)"/>

img元素的src属性一开始定义为"scene0.jpg"，触发onclick事件后调用函数changeScene()，如下：
function changeScene(option){
var message="";
if (curScene==0){
curScene=1;
message="Your journey begins at a rock in the road.";
}
问题是现在if语句里的curScene还没有声明，更没有赋值，函数结束后有更改图片：
document.getElementById("sceneimg").src="scene"+curScene+".jpg";
alert(message);
我觉得问题是当显示图片为scene0时，并没有指定curScene用来表示图片编号，运行程序时卡在判断语句，无法判断curScene是否等于0，不知道理解的对不对，还有不知道该怎么解决问题。
书上前后翻了好几遍没有提到可能出现这样的问题，求网友解答，谢谢。
百度知道问题补充字数有限制，完整代码贴在这里：
http://tieba.baidu.com/p/4140294153

Answer 1

对，题主理解的是正确的，变量未声明时是不能用 ==、!= 来进行判断的，会抛出 ReferenceError: variable is not defined 异常。

但 js 里有个特殊的地方，变量可以不用 var 来声明，在作用域范围内第一次赋值等同于声明，但不建议这样使用。题主可以从上下文里找一找有没有一个给 curScene 初始赋值的地方。

另外题主贴的这段代码里，function changeScene() 的形参 option 完全没有用到。

【针对问题补充的补充】：

1、紫色圈出的大括号不成对。

2、else 拼写错误。

3、curScene 未定义。运行不了的原因你已经自己分析完了。

Answer 2

你的思路基本上是对的，我补充下面一点，可能你就明白了：JS对变量没有严格要求说明和初始化，没有初始化的变量值为undef，可以进行相等判断和输出，所以程序是可以运行起来的。

Answer 3

看了你的贴吧里的代码，鉴于你要切换的图片只有2个，可以全遍历的方法去读取图片名再判断：
function changeScene(option){
var message="";
var imgName=$("#sceneimg")[0].src;

if (imgName=="scene0"){
curScene=1;
message="Your journey begins at a rock in the road.";
}
els if (imgName=="scene1"){
if(option==1){
curScene=2;
message="You have arrived at a cute little house in the woods.";
}
document.getElementById("sceneimg").src="scene"+curScene+".jpg";
alert(message);
}
如果图片有N张，当然不能用这个方法了，可以结合CSS，给img添加class熟悉，比如
<img class='a1' id="sceneimg" src="scene0.jpg" alt="Stick Figure Adventure" />
js每次改变class，CSS读取class去改变src