JavaScript 基础语法详解：变量、表达式与操作符

变量与表达式的核心概念

1. 什么是变量

在编程中，变量是用于存储数值的存储器，如同一个用来存放物品的盒子，可以容纳各种数据类型。

第1步：理解表达式及其分类

表达式是指由常数和变量通过操作符连接而成的代数式，具有明确的值。在 JavaScript 中主要包含以下几种类型：

• 字符串表达式：使用加号连接字符串，如 I + love + you。
• 数值表达式：进行数学计算，如 num + 5*32 + 2.5。
• 布尔表达式：通过比较得出真假结果，如 2 > 3 或 num == 5。

下面通过一个实际应用案例来演示变量的计算过程：
小明有10元，花掉5元后，加上小红的6元，计算他们是否有足够的钱买铅笔盒：

var num1 = 10 - 5;    // 小明剩余金额
var num2 = num1 + 6;    // 两人合计金额
document.write("小明还剩:" + num1 + "元");
document.write("小红花:" + num2 + "元买个铅笔盒");

操作符的分类与应用

第2步：掌握加法操作符的特殊用法

在 JavaScript 中，“+”不仅是算术加法，还可以用于拼接两个字符串：

var mystring = "Java" + "Script";
// mystring 的值变为 "JavaScript"

第3步：学会自加与自减运算

“++”和“--”分别表示在原有基础上增加或减少 1，等同于 mynum = mynum + 1：

var mynum = 10;
mynum++;  // 变为 11
mynum--;  // 变回 10

第4步：区分比较操作符（含严格等于）

常用比较操作符包括 <, >, <=, >=, ==, !=。需要注意 == 并不执行严格比较，而 === 会在比较值的同时检查类型：

// 非严格比较：false 与空字符串被视为相同
var a = false;
var b = "";
if (a == b) { alert("true"); } 

以下图示展示了不同逻辑判断的对比结果：

对于不等操作符 !=，若需进行严格的不等比较，应使用 !==。

第5步：运用逻辑与、或、非操作符

逻辑与 (&&)： 只有两侧同时为真时结果才为真，常用于多重条件验证，如进入考场必须同时具备准考证和身份证：

if (有准考证 && 有身份证) {
  进行考场考试
}

注意其“短路”特性：若第一个条件为假，系统将不再执行第二个条件的判断。

逻辑或 (||)： 只要有一个条件满足即为真。如果第一个条件为真，后续表达式将不会被评估：

var numa = 50, numb = 55;
var jq1 = numa > numb || numa == numb;
// 结果为 true

逻辑非 (!)： 用于取反，非真即假，非假即真：

var a = 3, b = 5;
var c = !(b > a);  // 结果为 false
var d = !(b < a);  // 结果为 true

操作符优先级与完整示例

操作符的执行顺序决定了最终的计算结果，其优先级由高到低依次为：

括号 → 算术操作符 → 比较操作符 → 逻辑操作符 → 赋值符号

同级运算遵循从左到右原则，多层括号由外向内计算。例如：

var numa = 3, numb = 6;
// 例一：高优先级优先运算
var jq = numa + 30 / 2 - numb * 3; 
// 结果为 0

// 例二：利用括号改变运算顺序
var jq2 = ((numa + 30) / (2 - numb)) * 3;
// 结果为 -24.75

最后通过一段综合代码总结上述内容：

var a = 5, b = 100 % 7; // b = 2
// 第一阶段：逻辑判断
var sum = a > b && a * b > 0; 
console.log("sum: " + sum); // 输出 false

// 第二阶段：结合自增减的综合算式
sum = ((++a) + 3) / (2 - (--b)) * 3;
console.log("sum: " + sum); // 输出 27