主题
  • 默认模式
  • 浅蓝色模式
  • 淡绿色模式
  • 深夜模式

JavaScript 语句

JavaScript 语句是向浏览器发出的指令,告诉浏览器要执行什么操作。程序就是一系列语句的集合。语句通常以分号;结尾(在现代 JavaScript 中,换行符也通常被视作语句的结束,但使用分号是更明确和安全的做法)。

JavaScript 代码完全由语句构成。语句用于描述执行流程、设定逻辑边界与规范,其形式可以是单行语句,也可以是由一对大括号{}括起来的复合语句。在语法层面,复合语句可被视为一个独立的单行语句进行处理。

JavaScript 语句


JavaScript 代码

JavaScript 代码由一系列 JavaScript 语句构成。浏览器会按照语句的编写顺序依次执行每一条。

✅ 下面是一个通过 ID 获取元素并修改内容的代码片段:

实例代码 运行代码
复制
document.getElementById("text-tit").innerHTML = "Hello JavaScript!";
document.getElementById("text-con").innerHTML = "DOM 操作成功完成!元素内容已动态更新。";

这段代码包含了两条单行语句,每条语句都以分号;结尾。


JavaScript 代码块

在 JavaScript 中,由一对大括号{}包裹的复合语句被称为代码块。代码块以左花括号{开始,以右花括号}结束,其主要作用是将多条语句组合在一起,使其作为一个整体被执行。

✅ 下面是通过 ID 获取元素并修改内容的代码,具体如下:

实例代码 运行代码
复制
function myFunction()
{
    document.getElementById("text-tit").innerHTML = "Hello JavaScript!";
    document.getElementById("text-con").innerHTML = "DOM 操作成功完成!元素内容已动态更新。";
}

这段代码定义了一个名为 myFunction 的函数,函数体由一对大括号{}包裹,包含了两条语句。当调用 myFunction() 时,函数体内的两条语句将被依次执行,从而实现对页面元素内容的动态更新。


JavaScript 语句标识符

JavaScript 语句通常以特定的 “语句标识符” 开头,该标识符用于指示要执行的操作。需要注意的是,语句标识符属于保留关键字,因此不能用作变量名或函数名。

✅ JavaScript 语句中常用的关键字(即语句标识符)如下表所示:

语句 描述
break 用于跳出循环
catch 语句块,在 try 语句块执行出错时执行 catch 语句块
continue 跳过循环中的一个迭代
do...while 执行一个语句块,在条件语句为 true 时继续执行该语句块
for 在条件语句为 true 时,可以将代码块执行指定的次数
for...in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)
function 定义一个函数
if...else 用于基于不同的条件来执行不同的动作
return 返回结果,并退出函数
switch 用于基于不同的条件来执行不同的动作
throw 抛出(生成)错误
try 实现错误处理,与 catch 一同使用
var 声明一个变量
while 当条件语句为 true 时,执行语句块

以上列出的关键字只是 JavaScript 语句中常用的一部分,JavaScript 还包含许多其他关键字和保留字,这些关键字在不同的上下文中具有不同的含义和用途。了解这些关键字及其用法对于编写有效的 JavaScript 代码至关重要。


JavaScript 空格

在 JavaScript 中,空格(包括空格符、制表符和换行符)用于分隔代码中的不同元素,以提高代码的可读性。JavaScript 解释器会忽略多余的空格,因此在大多数情况下,空格不会影响代码的执行。

✅ 下面的两个 JavaScript 语句是等价的:

let website="www.kaicz.com";
let website = "www.kaicz.com";

在上面的例子中,第一行代码没有使用任何空格,而第二行代码在变量名、赋值符号和字符串之间添加了空格。尽管两行代码的格式不同,但它们的功能是完全相同的。然而,适当使用空格可以显著提高代码的可读性,使代码更易于理解和维护。

✅ 以下是一些常见的空格使用规范:

  • 在关键字(如 ifforfunction 等)后面添加一个空格。
  • 在操作符(如 =+- 等)前后添加空格。
  • 在逗号,和分号;后面添加一个空格。
  • 在括号内外适当添加空格,以提高代码的层次感。

JavaScript 对代码行进行折行

在 JavaScript 中,您可以使用反斜杠 (\) 对字符串中的代码行进行换行,以提升长字符串的可读性。

✅ 下面的示例展示了正确的使用方法:

document.write("JavaScript \
入门教程!");

JavaScript 是一种脚本语言,浏览器在读取时会逐行解释并执行代码。与传统编程语言不同,JavaScript 无需预先编译整个代码,而是采用实时解析的方式运行。



评论区 0
发表评论
教程介绍
JavaScript 前端开发的核心技术之一,与 HTML 和 CSS 配合使用,能够为网页添加交互效果。
7 章节
12 阅读
0 评论