我目前正在为游戏添加额外的声音。问题是我有一个简写的if语句,例如“?...:...”,却不知道如何向其中添加音频。如果不可能的话,如何使它成为普通的if语句而不使它崩溃。
b.clone().addClass(
b.data("letter") == target.data("letter") ? "wordglow3" : "wordglow").appendTo("table").css({
background: "transparent",
position: "absolute",
top: currentPos.top,
left: currentPos.left
})
因此,如果“ wordglow3”我想添加“ hit.play()”,而对于“ wordglow”我想添加“ miss.play()”
最佳答案
好的,首先使用if / else-statements的明显解决方案:
var c = b.clone();
if ( b.data("letter") == target.data("letter") ) {
c.addClass("wordglow3");
hit.play();
} else {
c.addClass("wordglow");
miss.play();
}
c.appendTo(table).css(…);
现在,我们可以使用变量删除一些重复的代码:
var className, sound;
if ( b.data("letter") == target.data("letter") ) {
className = "wordglow3";
sound = hit;
} else {
className = "wordglow";
sound = miss;
}
b.clone().addClass(className).appendTo(table).css(…);
sound.play();
或者通过使用默认值初始化它们来缩短:
var className, = "wordglow",
sound = miss;
if ( b.data("letter") == target.data("letter") ) {
className += "";
sound = hit;
}
…
使用三元运算符会变得更加困难。我们可以使用comma operator在同一表达式中链接不同的动作:
b.clone().addClass( b.data("letter") == target.data("letter")
? hit.play(), "wordglow3"
: miss.play(), "wordglow"
).appendTo(table).css(…);
但这是丑陋的。更好的选择是为条件和两个三元运算符使用变量:
var success = b.data("letter") == target.data("letter");
b.clone().addClass(success ? "wordglow3" : "wordglow").appendTo(table).css(…);
(success ? hit : miss).play();
一旦到达这里,您甚至可以考虑为replace millions of (especially nested) if-statements with selection by key的声音和类名添加一个额外的数据结构:
// global:
var sounds = { // or use an arrays
"0": …, // miss
"1": … // hit
};
var classes = {
"0": "wordglow",
"1": "wordglow3"
};
// […]
// then, select values by casting the boolean to numeric keys:
var success = b.data("letter") == target.data("letter");
b.clone().addClass(classes[+success]).appendTo(table).css(…);
sounds[+success].play();
这使得在其他情况下扩展应用程序变得容易,并且如果在任何地方都这样使用它们,则可以更轻松地维护使用的类名或声音(在中心位置)。另外,我们将两个变量
hit
和miss
减少为一个sounds
。确定自己最适合您的情况或最适合的代码段。
关于javascript - 向简写if语句添加声音,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13084400/