{@debug}

  1. {@debug}
  1. {@debug var1, var2, ..., varN}

{@debug ...} 可以替代 console.log(...) 。每当特定值在修改的时候，它会记录下来，而且如果你的 devtools 打开的状态下，会阻断代码的执行。

  1. <script>
  2.     let user = {
  3.         firstname: 'Ada',
  4.         lastname: 'Lovelace'
  5.     };
  6. </script>
  8. {@debug user}
  10. <h1>Hello {user.firstname}!</h1>

它接受以逗号分隔的变量名称列表（不是任意表达式）。

  1. <!-- Compiles -->
  2. {@debug user}
  3. {@debug user1, user2, user3}
  5. <!-- WON'T compile -->
  6. {@debug user.firstname}
  7. {@debug myArray[0]}
  8. {@debug !isReady}
  9. {@debug typeof user === 'object'}

不带任何参数的 {@debug} 将插入一个 debugger ，当任何状态发生改变的时候都会触发，而不是特定的值。