前端必知必会-JavaScript 语句


JavaScript 语句

示例

let x, y, z; // 语句 1
x = 5; // 语句 2
y = 6; // 语句 3
z = x + y; // 语句 4

JavaScript 程序

计算机程序是计算机要“执行”的“指令”列表。

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

JavaScript 程序是编程语句列表。

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

JavaScript 语句

JavaScript 语句由以下部分组成:

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

此语句告诉浏览器在 id=“demo” 的 HTML 元素中写入“Hello Dolly。”:

示例

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

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

这些语句按编写顺序逐一执行。

JavaScript 程序(和 JavaScript 语句)通常称为 JavaScript 代码。

分号 ;

分号分隔 JavaScript 语句。

在每个可执行语句的末尾添加一个分号:

示例

let a, b, c; // 声明 3 个变量
a = 5; // 将值 5 分配给 a
b = 6; // 将值 6 分配给 b
c = a + b; // 将 a 和 b 的总和分配给 c

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

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

在网络上,您可能会看到没有分号的示例。
语句结尾不是必需的,但强烈建议这样做。

JavaScript 空格

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

以下行是等效的:

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

一个好的做法是在运算符 ( = + - * / ) 周围添加空格:

let x = y + z;

JavaScript 行长和换行符

为了获得最佳可读性,程序员通常喜欢避免代码行超过 80 个字符。

如果 JavaScript 语句不适合一行,则最好的换行位置是在运算符之后:

示例

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

JavaScript 代码块

JavaScript 语句可以组合在一起形成代码块,放在花括号 {…} 内。

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

你会发现语句组合在一起形成块的一个地方是 JavaScript 函数:

示例

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

使用 2 个空格的缩进来表示代码块。

JavaScript 关键字

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

一些关键字的列表:

关键字 描述
var 声明变量
let 声明块变量
const 声明块常量
if 标记要在某个条件下执行的语句块
switch 标记要在不同情况下执行的语句块
for 标记要在循环中执行的语句块
function 声明函数
return 退出函数
try 对语句块实现错误处理
JavaScript 关键字是保留字。保留字不能用作变量的名称。

总结

本文介绍了JavaScript 语句的使用,如有问题欢迎私信和评论

猜你喜欢

转载自blog.csdn.net/qq_24018193/article/details/143242071