javascript 作用域

本文通过两个示例展示了JavaScript中匿名函数如何帮助控制作用域,避免全局变量引起的命名冲突问题。通过对比两种不同情况下的变量n和i的输出结果,说明了在循环内部使用匿名函数立即执行表达式(IIFE)来隔离变量的作用。
function test() {  
    var n = 0  
    for (var i = 0; i < 1; i++) {  
        var n = 1 // 没有声明新的n;只是对前面的n赋了新值而已  
    }  
    alert(n) // 1  
    alert(i) // 1;i在此也可以访问  
} 
function test() {  
    var n = 0  
    for (var i = 0; i < 1; i++) {  
        (function () { // 声明了一个匿名函数  
            var n = 1  // 声明并初始化了新的n  
        })()           // 直接在声明完匿名函数后调用之  
    }  
    alert(n) // 0  
    alert(i) // 1;i在此也可以访问  
} 

控制作用域,避免命名冲突,匿名函数的好处体现出来了


作用域(Scope)是指在代码中定义变量时,这些变量在哪里以及在哪些地方可以被访问,控制着变量的可见性和生命周期。在 JavaScript 中,作用域的类型主要由函数定义和代码块定义来决定[^2]。以下是 JavaScript 作用域的类型介绍: - **全局作用域**:在 `<script>` 标签中或者 js 脚本中定义的变量属于全局作用域。全局作用域中的变量可以在代码的任何地方被访问[^3]。 ```javascript var globalVar = 'I am a global variable'; function testGlobal() { console.log(globalVar); // 可以访问全局变量 } testGlobal(); ``` - **局部作用域**:在函数中定义的变量属于局部作用域,使用 `var` 关键字声明,这些变量只能在函数内部被访问,函数外部无法直接访问这些变量[^3]。 ```javascript function testLocal() { var localVar = 'I am a local variable'; console.log(localVar); // 可以在函数内部访问局部变量 } testLocal(); console.log(localVar); // 报错,无法在函数外部访问局部变量 ``` - **块作用域**:ES6 中在 `{}` 代码块中使用 `let` 或 `const` 定义的常量、变量属于块作用域;而 ES6 之前使用 `var` 关键字在 `{}` 代码块中定义的变量,取决于代码块位置,代码块在全局作用域则该变量属于全局作用域,代码块在局部作用域则该变量属于局部作用域[^3]。 ```javascript // 使用 let 声明,具有块级作用域 if (true) { let blockVar = 'I am a block variable'; console.log(blockVar); // 可以在代码块内部访问 } console.log(blockVar); // 报错,无法在代码块外部访问 // 使用 var 声明,没有块级作用域 if (true) { var oldStyleVar = 'I am declared with var'; } console.log(oldStyleVar); // 可以访问 ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值