在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”。

实例

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

image.png

语句

JavaScript 语句由以下构成： 值、运算符、表达式、关键词和注释。

document.getElementById("demo").innerHTML = "Hello Kitty.";
这条语句告诉浏览器在 id="demo" 的 HTML 元素中输出 "Hello Kitty."：

分号 ;

分号分隔 JavaScript 语句。 请在每条可执行的语句之后添加分号： 以分号结束语句不是必需的，

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 语句</h2>

<p>JavaScript 语句被分号分隔。</p>

<p id="demo1"></p>

<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"></p>

<script>
var a, b, c;
a = 5; b = 6; c = a + b; // 有分号，可以写在一行里
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

空白字符

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

var person = "Bill";
var person="Bill"; 
两行是相等的

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

行长度和折行

为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。 如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符：

document.getElementById("demo").innerHTML =
 "Hello Kitty.";
// =运算符后折行

代码块

JavaScript 语句可以用花括号（{…}）组合在代码块中。 代码块的作用是定义一同执行的语句。 您会在 JavaScript 中看到成块组合在一起的语句：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 语句</h2>

<p>JavaScript 代码块在 { 与 } 之间编写。</p>

<button type="button" onclick="myFunction()">点击我！</button>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
function myFunction() {
    document.getElementById("demo1").innerHTML = "Hello Kitty.";
    document.getElementById("demo2").innerHTML = "How are you?";
}
</script>

</body>
</html>

关键词

JavaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作。 下面的表格列出了一部分将在教程中学到的关键词：

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

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

JavaScript 高级教程： ECMAScript 语法