JavaScript 语句

在 HTML 中，JavaScript 语句是由 web 浏览器执行的指令，通过这些指令可以执行设计程序的逻辑执行顺序。

实例

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p><b>JavaScript 程序</b> 是一系列由计算机执行的 <b>语句</b>。</p>
<p id="demo">
<script>
var x, y, z;   // 语句 1
x = 22;        // 语句 2
y = 11;        // 语句 3
z = x + y;     // 语句 4
document.getElementById("demo").innerHTML = "z 的值是" + z + "。";
</script>
</body>
</html>

运行一下

JavaScript 程序

计算机程序是由计算机执行的一系列指令。

在编程语言中，这些编程指令被称为语句。

JavaScript 程序就是一系列的编程语句。

注释：在 HTML 中，JavaScript 程序由 web 浏览器执行。

JavaScript 语句

JavaScript 语句由以下构成：

值、运算符、表达式、关键词和注释。

这条语句告诉浏览器在 id为demo 的 HTML 元素中输出 Hello Kitty：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>在 HTML 中，JavaScript 语句由浏览器执行。</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML = "Hello Kitty";
</script>
</body>
</html>

运行一下

大多数 JavaScript 程序都包含许多 JavaScript 语句。

这些语句会按照它们被编写的顺序逐一执行。

注释：JavaScript 程序（以及 JavaScript 语句）常被称为 JavaScript 代码。

分号 ;

分号分隔 JavaScript 语句。请在每条可执行的语句之后添加分号：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>JavaScript 语句被分号分隔。</p>
<p id="demo1">
<script>
var a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>

运行一下

如果有分号分隔，允许在同一行写多条语句：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>一行允许多条语句。</p>
<p id="demo1">
<script>
var a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>

运行一下

提示：以分号结束语句不是必需的，但我们仍然强烈建议您在行末带上分号。

JavaScript 空白字符

JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。

下面这两行是相等的：

var person = "比尔";
var person="比尔";

在运算符旁边（ = + - * / ）添加空格是个好习惯：

var x = y + z;

JavaScript 行长度和换行

为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。

如果 JavaScript 语句太长，对其进行换行的最佳位置是某个运算符：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>
换行的最佳位置是运算符或逗号之后。
</p>
<p id="demo">
<script>
document.getElementById("demo").innerHTML
= "Hello Kitty.";
</script>
</body>
</html>

运行一下

JavaScript 代码块

JavaScript 语句可以用花括号（{…}）组合在代码块中。

代码块的作用是定义一同执行的语句。

您会在 JavaScript 中看到成块组合在一起的语句：

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>JavaScript 代码块在 { 与 } 之间编写。</p>
<button type="button" onclick="myFunction()">点击我！</button>
<p id="demo1">
<p id="demo2">
<script>
function myFunction() {
    document.getElementById("demo1").innerHTML = "你好，洋娃娃";
    document.getElementById("demo2").innerHTML = "你好吗?";
}
</script>
</body>
</html>

运行一下

注释：在本教程中我们为代码块用了 4 个空格的缩进。

JavaScript 关键词

JavaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作。

下面的表格列出了一部分将在教程中学到的关键词：

关键词	描述
break	终止 switch 或循环。
continue	跳出循环并在顶端开始。
debugger	停止执行 JavaScript，并调用调试函数（如果可用）。
do … while	执行语句块，并在条件为真时重复代码块。
for	标记需被执行的语句块，只要条件为真。
function	声明函数。
if … else	标记需被执行的语句块，根据某个条件。
return	退出函数。
switch	标记需被执行的语句块，根据不同的情况。
try … catch	对语句块实现错误处理。
var	声明变量。

注释：JavaScript 关键词指的是保留的单词。保留词无法用作变量名。

JavaScript 语句

实例

JavaScript 程序

JavaScript 语句

分号 ;

JavaScript 空白字符

JavaScript 行长度和换行

JavaScript 代码块

JavaScript 关键词

分类导航