JavaScript 第1课：变量及其运算

我不会花太多时间去详细描述所有变量类型和运算操作，因为这对我们当前的目标没有必要。我们的主要目标是掌握 JavaScript 的基本语法，以便后续能够学习 jQuery，然后再逐步提升你对 JavaScript 的理解和技能。如果你想系统深入地学习 JavaScript，而不仅仅是使用出色的 JavaScript 框架，那么你可以去找一本更全面的 JavaScript 教程。但如果你的目标是使用 Drupal 构建网站并继续学习 jQuery，那么这门课程正适合你。让我们开始吧！

在本课中，我们将学习什么是变量、为什么需要变量以及如何操作它们。

变量是编程中的基本概念之一。要理解编程，就必须清楚地知道什么是变量、它存储在哪里，以及程序执行时变量是如何变化的。所谓变量，就是在程序运行过程中其值可以改变的量。

变量是程序中具有名称的数据。数据在计算机的内存中存储和处理——当程序运行时，它们位于内存中；当程序结束时，数据可以保存到永久存储中。编程中使用不同类型的数据，也就是不同类型的变量。这些类型包括数字、字符、文本、布尔值、过程、日期等，每种类型还可以再细分。例如，数值数据可以是整数或浮点数。根据变量类型的不同，程序在声明变量时会在内存中分配不同数量的存储单元，这些单元会被命名为变量名，用于存储变量的值。变量名在程序执行期间保持不变，但变量值可以改变。在 JavaScript 中，变量的值和数据类型都可以在运行过程中动态改变。

新变量通过关键字 var 声明（创建），语法如下：

var x;

这条语句声明了变量 x，我们也可以在声明时直接赋值：

var x = 10;

请注意，在 JavaScript 中，每条语句的末尾都要加上分号（与 C++ 和 PHP 一样）。上面的例子中，我们使用了赋值运算符，将数值 10 赋给变量 x。同时，变量名应使用拉丁字母书写，且不能包含空格。例如：

var myname; —— 正确

var my name; —— 错误

变量名不能以数字或符号开头，但可以包含数字。例如：

var name1; —— 正确

var name2; —— 正确

var test4me; —— 正确

var lesson2you; —— 正确

var 3money; —— 错误

JavaScript 中的数据类型（变量类型）

目前我们只需了解数值型和字符串型变量，稍后我们会学习布尔值、数组、对象等其他类型。在课程的后续部分，我们会按需逐步介绍所有数据类型。

数值型变量

数值型变量的值是数字：

var y = 15;
alert(y);

我们可以对数字执行加、减、乘、除等数学运算：

// 声明变量
var x = 10;
var y = 5;
var z1, z2, z3, z4; // 可以通过逗号声明多个变量
// 执行运算
z1 = x + y;
z2 = x * y;
z3 = x - y;
z4 = x / y;
// 输出结果
alert(z1);
alert(z2);
alert(z3);
alert(z4);

字符串变量

字符串变量用于存储文本信息。注意，字符串需要用引号括起来：

var str = '你好，大家好！';
alert(str);

你可以使用单引号或双引号。字符串可以通过 + 运算符连接：

var str1 = '你好';
var str2 = '，大家好';
alert(str1 + str2 + '！');

在 JavaScript 中，还可以进行类型转换。例如：

var str = '11'; // 字符串变量
var num1 = 2; // 数值变量
var num2; // 数值变量
var num3;
num2 = parseInt(str);
num3 = num1 + num2;
alert(num3); // 输出结果应为 13

这里我们使用了 parseInt() 函数（我们将在后续课程详细讲解函数），它用于将字符串类型转换为数值类型。