Javascript Eventlistener 出乎意料

Question

谁能告诉我这个事件监听器有什么问题？ 我不断收到意外的标记“else”，但不明白为什么。

JS：

hearts.forEach((span) => span.addEventListener("click", (event) => {
  
  if( heart.classList.contains("liked")){
    $('.photoLikes').each(function() {
      sum = sum + (.35);
    } ) ;
    likeInfo.textContent=  (parseFloat(sum).toFixed(0)) ;
  } ; 
                
  else{
    $('.photoLikes').each(function() {
      sum = sum - (.35);
    } ) ;
    likeInfo.textContent=  (parseFloat(sum).toFixed(0)) ;
  } ; 
}

带有完整代码的CodePen（它是JS末尾注释中的事件监听器）：

https://codepen.io/enukeron/pen/qBaZNbb?editors=1111

Answer 1

不要在 if/else 语句之后放置分号。他们会破坏表达式，导致else 无法附加到if：

hearts.forEach((span) =>
    span.addEventListener("click", (event) => {
        if (heart.classList.contains("liked")) {
            $(".photoLikes").each(function () {
                sum = sum + 0.35;
            });
            likeInfo.textContent = parseFloat(sum).toFixed(0);
        } else {
            $(".photoLikes").each(function () {
                sum = sum - 0.35;
            });
            likeInfo.textContent = parseFloat(sum).toFixed(0);
        }
    })
);

你最后还缺少两个右括号，我添加了。

Answer 2

if 语句后面好像多了一个分号：

if () {
} ;
else {
} ;

这些分号都不需要。

Answer 3

这里有两件事

• else 之前的分号无效
• 您错过了span.addEventListener( 和hearts.forEach( 的两个右括号

修改应该是

hearts.forEach((span) => span.addEventListener("click", (event) => {
  if( heart.classList.contains("liked")){
    $('.photoLikes').each(function() {
      sum = sum + (.35);
    } ) ;
    likeInfo.textContent=  (parseFloat(sum).toFixed(0)) ;
  } // <-----------

  else{
    $('.photoLikes').each(function() {
      sum = sum - (.35);
    } ) ;
    likeInfo.textContent=  (parseFloat(sum).toFixed(0)) ;
  }
})) // <-----------