語法錯誤：意外的標識符

Question

我做了一些不起作用的代碼。 Chrome 控制台中彈出一個錯誤，提示“語法錯誤：意外的標識符”。 錯誤在第 19 行。這是代碼：

13.      var canvas=document.getElementById("canvas")
14.      var ctx=canvas.getContext("2d")
15.      function getMousePos(canvas,evt){
16.          var rect=canvas.getBindingClientRect()
17.          return{
18.               x:evt.clientX-rect.left
19.               y:evt.clientY-rect.top
20.          }
21.      }
22.      canvas.addEventListener("mouseclick",function(evt){
23.           var mousePos=getMousePos(canvas,evt)
24.           ctx.fillRect(mousePos.x-15,mousePos.y-15,10,10)
25.      },false)

Answer 1

從第17行開始：在第18行添加一個逗號，如@ thg435所述

return {
  x:evt.clientX-rect.left,
  y:evt.clientY-rect.top  
}

Answer 2

Unexpected Identifier 錯誤通常發生在您拼錯關鍵字如var 、 let 、 const等或有多余或缺少 Comma , Semicolon 時; .

在您的代碼中，在第 17 行，您正在輸出 object，對象的值必須用逗號分隔（如數組）。 所以，您在第 18 行的末尾忘記了一個逗號，這就是發生此錯誤的原因

return{
  x:evt.clientX-rect.left,
  y:evt.clientY-rect.top
}