JavaScript语法约定和程序调试原理解析

JavaScript语法约定

变量命名

• 变量名必须以字母、下划线（_）或美元符号（$）开头。不能以数字开头。
• 变量名可以包含字母、数字、下划线、美元符号。
• 变量名区分大小写。
• 变量名不允许使用JavaScript中的关键字和保留字。

语句分号

JavaScript中一般可以省略语句结束的分号，但是在以下情况下必须加上分号：

• 当一条语句中有多个表达式。
• 在使用return、break、continue的语句结束时。
• 在使用++、--等操作符的语句结束时。
• 在使用eval()函数时。

程序调试原理解析

错误类型

JavaScript中常见的错误类型有：

• 语法错误（SyntaxError）：代码的语法错误，如变量名拼写错误、括号不匹配等。
• 引用错误（ReferenceError）：引用了不存在的变量或函数。
• 类型错误（TypeError）：发生了类型错误，如对字符串使用数组方法等。
• 范围错误（RangeError）：超出了有效的范围，如递归调用的函数抛出的错误。
• 数值错误（NaN）：数字不合法。

调试方法

1.浏览器的开发工具

浏览器内置的开发工具可以帮助我们调试JavaScript代码，其中包括以下功能：

• 断点调试：在代码某一行点击左侧的空白区域，可以设置断点；在代码执行到这一行时，程序会停止运行，我们可以在此时查看变量、调用栈等信息。
• 监视窗口：可以查看变量的值，可以在变量上右键点击Add Watch来将变量加入监视窗口。
• 控制台：可以在控制台中输出变量的值、调用函数等。

2.调用console.log()

在编写代码的过程中，我们可以使用console.log()来输出变量的值、调用函数等，便于我们快速定位程序的错误。在定位错误后，我们可以将console.log()删除。

示例1：使用console.log()输出hello world

console.log("hello world");

示例2：使用断点调试

var x = 1;
function add(a, b) {
  var sum = a + b;
  return sum;
}
console.log(add(x, 2));

运行该代码时，我们可以在add函数的第二行设置断点，当代码执行到这一行时，可以通过监视窗口查看变量a和b的值，也可以在控制台中输入add(x,2)来查看函数的返回值。