JavaScript高级程序设计（第3版）学习笔记2 js基础语法

非常感谢您对JavaScript高级程序设计（第3版）学习笔记2 js基础语法的关注。下面我将为您提供一份完整攻略，希望能够帮助您更好地学习和应用JavaScript基础语法。

一、目录

• 变量
• 数据类型
• 运算符
• 语句

1. 变量

变量是存储数据值的容器。在JavaScript中，可以使用var关键字来声明变量。变量名只能包含字母、数字、下划线和美元符号，并且不能以数字开头。

// 示例1 - 定义变量
var message = 'Hello World!'; // 声明字符串类型变量message
var age = 18; // 声明数字类型变量age
var isMale = true; // 声明布尔类型变量isMale

2. 数据类型

JavaScript中的数据类型包括以下几种：

• undefined：变量未定义
• null：空值
• boolean：布尔值
• number：数字
• string：字符串
• object：对象

// 示例2 - 数据类型
var a; // undefined
var b = null; // null
var c = true; // 布尔值
var d = 18; // 数字
var e = 'Hello'; // 字符串
var f = {}; // 对象

3. 运算符

• 算术运算符：+, -, *, /, %
• 赋值运算符：=, +=, -=, *=, /=
• 比较运算符：==, ===, !=, !==, >, >=, <, <=
• 逻辑运算符：&&, ||, !

// 示例3 - 运算符
var x = 10;
var y = 5;
console.log(x + y); // 15
console.log(x - y); // 5
console.log(x * y); // 50
console.log(x / y); // 2
console.log(x % y); // 0

var z = 2;
console.log(z += x); // 12
console.log(z -= y); // 7
console.log(z *= y); // 35
console.log(z /= y); // 7

console.log(x == y); // false
console.log(x === '10'); // false
console.log(x != y); // true
console.log(x !== '10'); // true
console.log(x > y); // true
console.log(x >= 10); // true
console.log(x < y); // false
console.log(x <= 10); // true

console.log(true && false); // false
console.log(true || false); // true
console.log(!true); // false

4. 语句

语句就是一些列指令，用于完成一定的任务。下面介绍常见的几种语句：

• 条件语句：if...else, switch...case
• 循环语句：for, while, do...while
• 跳转语句：break, continue, return

// 示例4 - 语句
var score = 80;

if (score >= 90) {
  console.log('A');
} else if (score >= 80) {
  console.log('B');
} else if (score >= 70) {
  console.log('C');
} else {
  console.log('D');
}

switch (score) {
  case 90:
    console.log('A');
    break;
  case 80:
    console.log('B');
    break;
  case 70:
    console.log('C');
    break;
  default:
    console.log('D');
    break;
}

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

var j = 0;
while (j < 10) {
  console.log(j);
  j++;
}

var k = 0;
do {
  console.log(k);
  k++;
} while (k < 10);

for (var i = 0; i < 10; i++) {
  if (i === 5) {
    continue;
  }
  if (i === 8) {
    break;
  }
  console.log(i);
}

function getTotal(x, y) {
  return x + y;
}
console.log(getTotal(10, 20)); // 30
console.log(getTotal(30, 40)); // 70

二、总结

JavaScript基础语法是学习JavaScript的第一步，掌握好这些基础知识将有助于我们更好地理解和使用JavaScript语言。本篇攻略详细介绍了JavaScript中的变量、数据类型、运算符和语句，同时还举了几个典型的示例进行讲解。相信通过认真阅读和实践，您将能够掌握这些基础知识，为下一步的学习和应用打下坚实的基础。