{@debug ...}

{@debug ...} 标签提供了 console.log(...) 的替代方案。当特定变量的值发生变化时，它会记录它们，并在打开开发工具时暂停代码执行。

¥The {@debug ...} tag offers an alternative to console.log(...). It logs the values of specific variables whenever they change, and pauses code execution if you have devtools open.

<script>
	let user = {
		firstname: 'Ada',
		lastname: 'Lovelace'
	};
</script>

{@debug user}

<h1>Hello {user.firstname}!</h1>

{@debug ...} 接受以逗号分隔的变量名列表（不是任意表达式）。

¥{@debug ...} accepts a comma-separated list of variable names (not arbitrary expressions).

<!-- Compiles -->
{@debug user}
{@debug user1, user2, user3}

<!-- WON'T compile -->
{@debug user.firstname}
{@debug myArray[0]}
{@debug !isReady}
{@debug typeof user === 'object'}

没有任何参数的 {@debug} 标签将插入一个 debugger 语句，该语句在任何状态发生变化时触发，而不是指定的变量。

¥The {@debug} tag without any arguments will insert a debugger statement that gets triggered when any state changes, as opposed to the specified variables.