JavaScript 语法

JavaScript 语法是一套规则，它定义了 JavaScript 的语言结构。本章我们主要讲解常用的 JavaScript 语法。

var x, y;     // 声明变量
x = 7; y = 8; // 赋值
z = x + y;    // 计算值

JavaScript 值

JavaScript 语句定义两种类型的值：

混合值，被称为字面量（literal）
变量值，被称为变量。

JavaScript 常量

书写混合值最重要的规则是：写数值有无小数点均可：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 数值</h2>
<p>写数值有无小数点均可。</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML = 15.90;
</script>
</body>
</html>

运行一下

字符串是文本，由双引号或单引号包围：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 字符串</h2>
<p>字符串可由双引号或单引号包围。</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML = '比尔盖茨';
</script>
</body>
</html>

运行一下

JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用 var 关键词来声明变量。

等号 = 用于为变量赋值。在下面的例子中，x 被定义为变量。然后，x 被赋的值是 7：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 变量</h2>
<p>x 被定义为变量。然后 x 被赋值 7：</p>
<p id="demo">
<script>
var x;
x = 7;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>

运行一下

JavaScript 运算符

JavaScript 使用算数运算符（+ - * /）(加减乘除)来计算值：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 运算符</h2>
<p>JavaScript 使用算数运算符来计算值（类似代数）。</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML = (7 + 8) * 10;
</script>
</body>
</html>

运行一下

JavaScript 使用赋值运算符（=）向变量赋值：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 赋值</h2>
<p>在 JavaScript 中，= 运算符用于向变量赋值。</p>
<p id="demo">
<script>
var x, y;
x = 7;
y = 8;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>

运行一下

JavaScript 表达式

表达式是值、变量和运算符的组合，计算结果是值。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML = 6 * 10;
</script>
</body>
</html>

运行一下

表达式也可包含变量值：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo">
<script>
var x;
x = 6;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>

运行一下

值可以是多种类型，比如数值和字符串。例如，"比尔" + " " + "盖茨"，计算为 "比尔盖茨"：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML = "比尔" + " "  + "盖茨";
</script>
</body>
</html>

运行一下

JavaScript 关键词

JavaScript 关键词用于标识被执行的动作。

var 关键词告知浏览器创建新的变量：

<!DOCTYPE html>
<html>
<body>
<h2>var 关键词创建变量</h2>
<p id="demo">
<script>
var x, y;
x = 7 + 8;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>

运行一下

JavaScript 注释

并非所有 JavaScript 语句都被“执行”。

双斜杠 // 或 / 与 / 之间的代码被视为注释。注释会被忽略，不会被执行。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 注释<b>不会</b>被执行。</h2>
<p id="demo">
<script>
var x;
x = 7;
// x = 8; 我不会被执行
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
下一章，将讲解更详细的注释方法。

运行一下

JavaScript 标识符

标识符是名称。

在 JavaScript 中，标识符用于命名变量（以及关键词、函数和标签）。

在大多数编程语言中，合法名称的规则大多相同。

在 JavaScript 中，首字符必须是字母、下划线（-）或美元符号（$）。

连串的字符可以是字母、数字、下划线或美元符号。

提示：数值不可以作为首字符。这样，JavaScript 就能轻松区分标识符和数值。

JavaScript 区分大小写

所有 JavaScript 标识符区分大小写。变量 lastName 和 lastname，是两个不同的变量。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 对大小写敏感</h2>
<p>请试着把 lastName 改为 lastname。</p>
<p id="demo">
<script>
var lastname, lastName;
lastName = "盖茨";
lastname = "乔布斯";
document.getElementById("demo").innerHTML = lastName;
</script>
</body>
</html>

运行一下

JavaScript 变量命名方式

程序员门主要用以下方式来给变量命名。

下划线：

first_name, last_name, master_card, inter_city.

驼峰式大小写（Camel Case）：

FirstName, LastName, MasterCard, InterCity.

JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写：

firstName, lastName, masterCard, interCity

提示：javascript不支持连接符 - 的命名，因为 - 是会被认为是减号。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。Unicode 覆盖世界上几乎所有的字符、标点和符号。如需了解详情，请访问完整的 Unicode 参考手册。

JavaScript 语法

JavaScript 值

JavaScript 常量

JavaScript 变量

JavaScript 运算符

JavaScript 表达式

JavaScript 关键词

JavaScript 注释

JavaScript 标识符

JavaScript 区分大小写

JavaScript 变量命名方式

下划线：

驼峰式大小写（Camel Case）：

JavaScript 字符集

分类导航