导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

JavaScript 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JavaScript 代码块


花括号

代码块或语句块是一组用花括号 { } 括起来的语句。

代码块对于控制 JavaScript 程序的执行流程和定义变量作用域至关重要。

代码块语句

代码块允许将多个语句视为一个整体。

JavaScript函数的主体始终包含在代码块中:

示例

function myFunction() {
  // 这是一段代码块
}

亲自试一试 »

代码块对于if 语句至关重要:

示例

if (condition) {
  // 这是一段代码块
} else {
  // 这是一段代码块
}

亲自试一试 »

代码块对于循环语句至关重要:

示例

for (expression 1; expression 2; expression 3) {
  // 这是一段代码块
}

亲自试一试 »

示例

while (condition) {
  // 这是一段代码块
}

亲自试一试 »


定义作用域

在代码块内使用 letconst 声明的变量是"块级作用域"的,这意味着它们只能在该特定代码块内访问。

这有助于防止意外的变量覆盖,并促进更好的代码组织。

示例

{
  let x = 10;
  // x 可在此处访问
}

// 此处无法访问 x

亲自试一试 »


独立代码块

代码块可以独立存在,无需依附于 if 语句、函数或循环。

这可用于为 letconst 变量创建作用域。

示例

{
  let x = 10;
  let y = 100;
  let areal = x * y;
}
亲自试一试 »

上面的示例演示了如何使用独立代码块来限制变量的作用域。

封装

代码块内的变量仅在该代码块内可用。

这可以防止"污染"全局作用域,保持代码简洁,并降低命名冲突的风险。

临时使用

如果您仅需要在计算中使用变量,代码块允许您声明、使用和丢弃这些变量。

代码组织

您可以将相关的变量和语句分组到各自的作用域中,以避免意外的名称冲突,而无需将它们强制放入函数或对象中。

这提高了代码的可读性,避免了意外的名称冲突,并防止在代码块外部重复使用变量名。


freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8