我正在制作一个序列游戏，在过去的一个小时里，我不断收到此错误未捕获的语法错误:意外的 token 函数。
一开始我想，在阅读了一些 StackOverFlow 消息后，我可能没有正确关闭我的文档？然而，低，你瞧，我仍然无法弄清楚。
我是编码新手，所以请跟我一起:)
HTML
<body>
<div class="row">
<div class="col-md-12">
<div class="gamefield">
<div class="top-row">
<div id="blue" class="gamebutton"></div>
</div>
<div class="middle-row">
<div id="green" class="gamebutton"></div>
<div id="gameNumber">
<h2 id="clickNumber">0</h2></div>
<div id="red" class="gamebutton"></div>
</div>
<div class="bottom-row">
<div id="dark" class="gamebutton"></div>
<div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
JS
$(document).ready(function(e){
console.log('hello');
var game = {
count: 0,
possibilities: ['#green','#blue', '#red', '#dark'],
currentGame: [],
player: [],
playGame:
game.clearGame = function clearGame() {
game.currentGame = [];
game.count = 0;
addCount();
}
function newGame() {
clearGame();
}
game.Strict = function strict() {
if (game.strict === false) {
game.strict === true;
$('#strict').html('Is currently On').removeClass('btn-primary').addClass('btn-danger');
} else {
game.strict = false;
$('#strict').html('Is currently Off').removeClass('btn-danger').addClass('btn-primary');
}
newGame();
}
game.ShowMoves = function showMoves() {
var i = 0;
var moves = setInterval(function(){
playGame(game.currentGame[i]);
i++;
if (i >= game.currentGame.length) {
clearInterval(moves);
}
}, 600)
clearPlayer();
}
Game.Shade = function shade(name) {
switch(name) {
case'#green':
game.shade.green.show();
break;
case '#blue':
game.shade.blue.show();
break;
case '#red':
game.shade.red.show();
break;
case '#dark':
game.shade.dark.show();
break;
};
}
game.playGame = function playGame(field) {
$(field).addClass('hover');
shade(field);
setTimeout(function(){
$(field).removeClass('hover');
}, 300);
}
game.clearPlayer = function clearPlayer() {
game.player = [];
}
game.addToPlayer = function addToPlayer(id) {
var field = "#"+id
console.log(field);
game.player.push(field);
playerTurn(field);
}
game.playerTurn = function playerTurn(x) {
if (game.player[game.player.length - 1] !== game.currentGame[game.player.length - 1]) {
if(game.strict){
alert('Sorry not right');
newGame();
} else {
alert('Wrong!');
showMoves();
}
} else {
shade(x);
var check = game.player.length === game.currentGame.length;
if (check) {
if(game.count === 20){
alert('Aced it!');
} else {
alert('Nice one, new round');
nextLevel();
}
}
}
}
game.nextLevel = function nextLevel() {
addCount();
}
game.generateMove = function generateMove(){
game.currentGame.push(game.possibilities[(Math.floor(Math.random()*4))]);
//alert(game.currentGame.length);
showMoves();
}
game.addCount = function addCount() {
game.count++;
$('#clickNumber').addClass('animated fadeOutDown');
setTimeout(function(){
$('#clickNumber').removeClass('fadeOutDown').html(game.count).addClass('fadeInDown');
}, 200);
generateMove();
}
newGame();
});
任何想法都是王牌。
最佳答案
var game = {
count: 0,
possibilities: ['#green','#blue', '#red', '#dark'],
currentGame: [],
player: [],
playGame:
您可能想像这样关闭该对象:
var game = {
count: 0,
possibilities: ['#green','#blue', '#red', '#dark'],
currentGame: [],
player: [],
playGame:
}
此外，game 与 Game 不同。因此，也修复 Game.Shade 。还要保持代码正确的缩进和格式。有助于避免任何明显的错误。
关于javascript - 错误: Unexpected token function，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43171468/