JavaScript 语句

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>

<p id="demo"></p>

<script>
let x, y, z;  // Statement 1
x = 5;        // Statement 2
y = 6;        // Statement 3
z = x + y;    // Statement 4

document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";  
</script>

</body>
</html>

JavaScript 程序

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

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

JavaScript 程序是编程语句的列表。

在 HTML 中，JavaScript 程序由 Web 浏览器执行。

JavaScript 语句

JavaScript 语句由以下部分组成：

值、运算符、表达式、关键字、和评论。

该语句告诉浏览器写“Hello Dolly”。在 id="demo" 的 HTML 元素内：

例子

document.getElementById("demo").innerHTML = "Hello Dolly.";

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>In HTML, JavaScript statements are executed by the browser.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>

</body>
</html>

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

这些语句在与它们的书写顺序相同。

JavaScript 程序（和 JavaScript 语句）通常称为 JavaScript 代码。

分号；

分号分隔 JavaScript 语句。

在每个可执行语句末尾添加分号：

例子

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript statements are separated by semicolons.</p>

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

<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

当用分号分隔时，一行上允许有多个语句：

a = 5; b = 6; c = a + b;

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>Multiple statements on one line are allowed.</p>

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

<script>
let a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

在网络上，您可能会看到不带分号的示例。
不要求以分号结束语句，但强烈建议使用分号。

JavaScript 空白

JavaScript 会忽略多个空格。您可以在脚本中添加空格以使其更具可读性。

以下几行是等效的：

let person = "Hege";
let person="Hege";

一个好的做法是在运算符周围放置空格 (=+ - */)：

let x = y + z;

JavaScript 行长和换行符

为了获得最佳可读性，程序员通常希望避免代码行长于 80 人物。

如果 JavaScript 语句无法容纳在一行中，那么最好的中断位置它位于运算符之后：

例子

document.getElementById("demo").innerHTML =
"Hello Dolly!";

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>
The best place to break a code line is after an operator or a comma.
</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Hello Dolly!";
</script>

</body>
</html>

JavaScript 代码块

JavaScript 语句可以在 curly 内的代码块中分组在一起括号{...}。

代码块的目的是定义要一起执行的语句。

您会发现语句分组在块中的一个地方是 JavaScript 函数：

例子

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript code blocks are written between { and }</p>

<button type="button" onclick="myFunction()">Click Me!</button>

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

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

</body>
</html>

在本教程中，我们对代码块使用 2 个缩进空间。
您将在本教程后面了解有关函数的更多信息。

JavaScript 关键字

JavaScript 语句通常以关键字开头识别要执行的 JavaScript 操作。

我们的保留字参考列出了所有 JavaScript 关键字。

以下是您将在其中了解的一些关键字的列表本教程：

var: 声明一个变量
let: 声明一个块变量
const: 声明一个块常量
if: 标记要根据条件执行的语句块
switch: 标记在不同情况下要执行的语句块
for: 标记要在循环中执行的语句块
function: 声明一个函数
return: 退出函数
try: 对语句块实现错误处理

JavaScript 关键字是保留字。保留字不能用作变量的名称。

JavaScript 语句

目录

例子

JavaScript 程序

JavaScript 语句

例子

分号；

例子

JavaScript 空白

JavaScript 行长和换行符

例子

JavaScript 代码块

例子

JavaScript 关键字