<commit_before>---
layout: post
title: 你可能不知道的14个JavaScript调试技巧
categories: [JavaScript, js]
description: 你可能不知道的14个JavaScript调试技巧
keywords: JavaScript, js, 调试技巧
---

你可能不知道的14个JavaScript调试技巧

了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦，但在掌握了技巧 (tricks) 的情况下，你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。

我会列出 14 个你可能不知道的调试技巧, 但是一旦知道了，你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们！

虽然许多技巧也可以用在别的检查工具上，但大部分的技巧是用在 Chrome Inspector 和 Firefox 上的。

1. 'debugger;'
	
	'debugger' 是 console.log 之外我最喜欢的调试工具，简单暴力。只要把它写到代码里，Chrome 调试模式运行的时候就会自动停在那。你甚至可以用条件语句把它包裹起来，这样就可以在需要的时候才执行它。
	```<commit_msg>js调试技巧<commit_after>---
layout: post
title: 你可能不知道的14个JavaScript调试技巧
categories: [JavaScript, js]
description: 你可能不知道的14个JavaScript调试技巧
keywords: JavaScript, js, 调试技巧
---

你可能不知道的14个JavaScript调试技巧

## 序言

了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦，但在掌握了技巧 (tricks) 的情况下，你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。

我会列出 14 个你可能不知道的调试技巧, 但是一旦知道了，你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们！

虽然许多技巧也可以用在别的检查工具上，但大部分的技巧是用在 Chrome Inspector 和 Firefox 上的。

1. 'debugger;'
	
	'debugger' 是 console.log 之外我最喜欢的调试工具，简单暴力。只要把它写到代码里，Chrome 调试模式运行的时候就会自动停在那。你甚至可以用条件语句把它包裹起来，这样就可以在需要的时候才执行它。
	```
{'fraction_non_alphanumeric': 0.08869565217391304, 'fraction_numerical': 0.01565217391304348, 'mean_word_length': 8.134920634920634, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6963011', 'n_tokens_mistral': 849, 'n_tokens_neox': 896, 'n_words': 87}