我目前正在为游戏添加额外的声音。问题是我有一个简写的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();


这使得在其他情况下扩展应用程序变得容易,并且如果在任何地方都这样使用它们,则可以更轻松地维护使用的类名或声音(在中心位置)。另外,我们将两个变量hitmiss减少为一个sounds

确定自己最适合您的情况或最适合的代码段。

关于javascript - 向简写if语句添加声音,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13084400/

10-12 12:22
查看更多