《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法

什么是JavaScript？

JavaScript 是一种用于 Web 上的编程语言。它用于为 web 页面添加交互性和动态效果。JavaScript 通常通过在网页上嵌入脚本来实现：

<script type="text/javascript">
  // JavaScript 代码
</script>

JavaScript 代码用于控制 web 页面上的 HTML 元素，操作 DOM，添加事件监听器等等。

JavaScript 语法基础

变量和数据类型

在 JavaScript 中，变量用于存储数据，可以使用关键字 var 来声明变量：

var age = 18;
var name = "John";

常用的数据类型有：

• Number：数字类型；
• String：字符串类型；
• Boolean：布尔类型，只有 true 和 false 两个值；
• Undefined：未定义类型，变量没有赋值时的类型；
• Null：空类型，表示变量没有值。

运算符

JavaScript 支持常见的运算符，包括：

• 算数运算符：+、-、*、/、%；
• 比较运算符：==、!=、>、<、>=、<=；
• 逻辑运算符：&&、||、!。

条件语句

在 JavaScript 中，可以使用 if 语句来进行条件判断：

if (age >= 18) {
  console.log("成年人");
} else {
  console.log("未成年人");
}

当条件成立时执行 if 语句中的代码块，否则执行 else 语句中的代码块。

循环语句

在 JavaScript 中，可以使用 for 循环来进行循环操作：

for (var i = 0; i < 10; i++) {
  console.log(i);
}

在上述例子中，循环从 0 开始，每次循环加 1，直到循环条件不满足时结束循环。

示例说明

示例1：计算并输出1-100之间的奇数和

var sum = 0;
for (var i = 1; i <= 100; i++) {
  if (i % 2 !== 0) {
    sum += i;
  }
}
console.log("1-100之间的奇数和为：" + sum);

在上述示例中，使用 for 循环遍历 1 到 100 之间的每个数，如果该数为奇数则累加到变量 sum 中。最后将累加结果输出到控制台。

示例2：判断用户输入的年份是否为闰年

var year = prompt("请输入一个年份：");
if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
  console.log(year + "是闰年");
} else {
  console.log(year + "不是闰年");
}

在上述示例中，使用 prompt 函数获取用户输入的年份。然后根据闰年的定义，判断该年份是否为闰年，并将判断结果输出到控制台。