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";
}
相关推荐
A黄俊辉A12 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理12 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
杨福瑞12 小时前
C语⾔内存函数
c语言·开发语言
eqwaak013 小时前
科技信息差(9.12)
开发语言·python·科技·量子计算
axban13 小时前
QT M/V架构开发实战:QStringListModel介绍
开发语言·数据库·qt
刘媚-海外13 小时前
Go语言开发AI应用
开发语言·人工智能·golang·go
郑板桥3013 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
勇敢牛牛_13 小时前
使用Rust实现服务配置/注册中心
开发语言·后端·rust·注册中心·配置中心
catchadmin13 小时前
PHP serialize 序列化完全指南
android·开发语言·php
解道Jdon13 小时前
SpringBoot4与Spring7发布:云原生深度进化
javascript·reactjs