Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

JS 教程

JS 主页 JS 简介 JS 使用场景 JS 输出 JS 语句 JS 语法 JS 注释 JS 变量 JS Let JS Const JS 运算符 JS 算术运算 JS 赋值 JS 数据类型 JS 函数 JS 对象 JS 对象属性 JS 对象方法 JS 对象显示 JS 对象构造函数 JS 事件 JS 字符串 JS 字符串方法 JS 字符串搜索 JS 字符串模板 JS 数字 JS BigInt JS 数字方法 JS 数字属性 JS 数组 JS 数组方法 JS 数组搜索 JS 数组排序 JS 数组迭代 JS 数组常量 JS 日期 JS 日期格式 JS 日期获取方法 JS 日期设置方法 JS 数学 JS 随机数 JS 布尔值 JS 比较 JS if else JS Switch JS 循环 For JS 循环 For In JS 循环 For Of JS 循环 While JS Break JS 可迭代对象 JS 集合 JS 集合方法 JS 映射 JS 映射方法 JS Typeof JS 类型转换 JS 解构赋值 JS 位运算 JS 正则表达式 JS 运算符优先级 JS 错误 JS 范围 JS 提升 JS 严格模式 JS this 关键字 JS 箭头函数 JS 类 JS 模块 JS JSON JS 调试 JS 风格指南 JS 最佳实践 JS 常见错误 JS 性能 JS 保留字

JS 版本

JS 版本 JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS 历史

JS 对象

对象定义 对象原型 对象方法 对象属性 对象获取/设置 对象保护

JS 函数

函数定义 函数参数 函数调用 函数调用 函数应用 函数绑定 函数闭包

JS 类

类简介 类继承 类静态

JS 异步

JS 回调函数 JS 异步 JS Promise JS 异步/等待

JS HTML DOM

DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听器 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS 浏览器 BOM

JS 窗口 JS 屏幕 JS 位置 JS 历史记录 JS 导航器 JS 弹出警报 JS 定时 JS Cookie

JS Web API

Web API 简介 Web 表单 API Web 历史记录 API Web 存储 API Web 工作线程 API Web Fetch API Web 地理位置 API

JS AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用 AJAX 示例

JS JSON

JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS 图形

JS 图形 JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS 示例

JS 示例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS 浏览器 JS 编辑器 JS 练习 JS 测验 JS 网站 JS 面试准备 JS 集训营 JS 证书

JS 参考

JavaScript 对象 HTML DOM 对象


JavaScript 范围

范围决定变量的可访问性(可见性)。

JavaScript 变量有 3 种范围

  • 块级作用域
  • 函数作用域
  • 全局作用域

块级作用域

在 ES6(2015)之前,JavaScript 变量只有 全局作用域函数作用域

ES6 引入了两个重要的 JavaScript 关键字:letconst

这两个关键字在 JavaScript 中提供了 块级作用域

在 { } 块中声明的变量无法从块外访问

示例

{
  let x = 2;
}
// 这里无法使用 x

使用 var 关键字声明的变量无法具有块级作用域。

在 { } 块中声明的变量可以从块外访问。

示例

{
  var x = 2;
}
// 这里可以使用 x

局部作用域

在 JavaScript 函数中声明的变量对函数来说是 局部

示例

// 这里的代码无法使用 carName

function myFunction() {
  let carName = "Volvo";
  // 这里的代码可以使用 carName
}

// 这里的代码无法使用 carName
自己尝试一下 »

局部 变量具有 函数作用域

它们只能在函数内部访问。

由于局部变量只在它们所属的函数内部被识别,因此可以在不同的函数中使用同名的变量。

局部变量在函数开始时创建,在函数完成时删除。


函数作用域

JavaScript 有函数作用域:每个函数都会创建一个新的作用域。

在函数内部定义的变量无法从函数外部访问(可见)。

使用 varletconst 声明的变量在函数内部声明时非常相似。

它们都具有 函数作用域

function myFunction() {
  var carName = "Volvo";   // 函数作用域
}
function myFunction() {
  let carName = "Volvo";   // 函数作用域
}
function myFunction() {
  const carName = "Volvo";   // 函数作用域
}

全局 JavaScript 变量

在函数外部声明的变量会变成 全局 的。

示例

let carName = "Volvo";
// 这里的代码可以使用 carName

function myFunction() {
// 这里的代码也可以使用 carName
}
自己尝试一下 »

全局变量具有 全局作用域

网页上的所有脚本和函数都可以访问它。


全局作用域

全局 声明(在任何函数外部)的变量具有 全局作用域

全局 变量可以在 JavaScript 程序的任何地方访问。

使用 varletconst 声明的变量在块外部声明时非常相似。

它们都具有 全局作用域

var x = 2;       // 全局作用域
let x = 2;       // 全局作用域
const x = 2;       // 全局作用域

JavaScript 变量

在 JavaScript 中,对象和函数也是变量。

作用域决定了变量、对象和函数在代码不同部分的可访问性。



自动全局变量

如果你给一个未声明的变量赋值,它将自动成为一个全局变量。

这个代码示例将声明一个全局变量carName,即使值是在函数内部赋值的。

示例

myFunction();

// 这里的代码可以使用 carName

function myFunction() {
  carName = "Volvo";
}
自己尝试一下 »

严格模式

所有现代浏览器都支持在“严格模式”下运行 JavaScript。

你将在本教程的后续章节中学习更多关于如何使用严格模式的信息。

在“严格模式”下,未声明的变量不会自动成为全局变量。


HTML 中的全局变量

在 JavaScript 中,全局作用域是 JavaScript 环境。

在 HTML 中,全局作用域是 window 对象。

使用 var 关键字定义的全局变量属于 window 对象

示例

var carName = "Volvo";
// 此处的代码可以使用 window.carName
自己尝试一下 »

使用 let 关键字定义的全局变量不属于 window 对象

示例

let carName = "Volvo";
// 此处的代码不能使用 window.carName
自己尝试一下 »

警告

不要创建全局变量,除非你确实需要。

你的全局变量(或函数)可能会覆盖 window 变量(或函数)。
任何函数,包括 window 对象,都可能覆盖你的全局变量和函数。


JavaScript 变量的生命周期

JavaScript 变量的生命周期从它被声明时开始。

函数(局部)变量在函数执行完毕后被删除。

在 Web 浏览器中,全局变量在关闭浏览器窗口(或标签页)时被删除。


函数参数

函数参数(参数)在函数内部作为局部变量工作。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.