JavaScript 作用域

作用域是可访问变量的集合。


JavaScript 作用域

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

在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。

JavaScript 函数作用域: 作用域在函数内修改。


JavaScript 局部作用域

变量在函数内声明,变量为局部变量,具有局部作用域。

局部变量:只能在函数内部访问。

复制代码
// 此处不能调用 carName 变量
function myFunction() {
    var carName = "Volvo";
    // 函数内可调用 carName 变量
}

因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。

局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。


JavaScript 全局变量

变量在函数外定义,即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。

复制代码
var carName = " Volvo";
 
// 此处可调用 carName 变量
function myFunction() {
    // 函数内可调用 carName 变量
}

如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。

以下实例中 carName 在函数内,但是为全局变量。

复制代码
// 此处可调用 carName 变量
 
function myFunction() {
    carName = "Volvo";
    // 此处可调用 carName 变量
}

JavaScript 变量生命周期

JavaScript 变量生命周期在它声明时初始化。

局部变量在函数执行完毕后销毁。

全局变量在页面关闭后销毁。


函数参数

函数参数只在函数内起作用,是局部变量。


HTML 中的全局变量

在 HTML 中, 全局变量是 window 对象,所以window 对象可以调用函数内的局部变量。

**注意:**所有数据变量都属于 window 对象。

复制代码
//此处可使用 window.carName
 
function myFunction() {
    carName = "Volvo";
}
相关推荐
geovindu3 分钟前
go: Coroutines Pattern
开发语言·后端·设计模式·golang·协程模式
Stick_ZYZ4 分钟前
A2A:让 Agent 从单兵作战走向团队协作
java·开发语言·网络·人工智能·python·ai
江屿风5 分钟前
C++图论基础拓扑排序算法流食般投喂
开发语言·c++·笔记·算法·排序算法
郝学胜-神的一滴5 分钟前
Qt 高级开发 030:QListWidget 右键菜单全解,从策略配置到精准删除的优雅实现
开发语言·c++·qt·程序人生·用户界面
knighthood20016 分钟前
ros2-quick-runner插件v0.0.4版本发布
android·java·开发语言
All_Will_Be_Fine噻6 分钟前
重建R环境
开发语言·r语言
磊 子7 分钟前
二.内核讲解
开发语言·操作系统·系统
zyl837218 分钟前
Java 后端完整技术栈
java·开发语言
AI人工智能+电脑小能手10 分钟前
【大白话说Java面试题 第107题】【并发篇】第7题:说说 Lock 锁?
java·开发语言·面试
星栈独行15 分钟前
用 Rust + Makepad 做一个 JSON 查看器:从零到能用的全过程
开发语言·程序人生·ui·rust·json