变量只有函数作用域,没有块级作用域


function(){
for(var i=0;i<5;i++){
//logic code
}
console.log(i);//output 5
}
### 概念 - **函数作用域**:函数作用域是指在函数内部定义的变量函数,只能在该函数内部被访问。在函数外部无法直接访问函数内部的变量函数作用域变量函数提供了一种封装机制,使得不同函数之间的变量相互隔离,避免了命名冲突。例如: ```javascript function exampleFunction() { let localVar = 'This is a local variable'; console.log(localVar); } exampleFunction(); // 可以访问 localVar // console.log(localVar); // 报错,在函数外部无法访问 localVar ``` - **块级作用域**:块级作用域是ES6引入的概念,由一对花括号 `{}` 界定,例如 `if` 语句、`for` 循环、`while` 循环等代码块。在块级作用域中使用 `let` 和 `const` 声明的变量,只能在该代码块内部被访问。例如: ```javascript if (true) { let blockVar = 'This is a block-scoped variable'; console.log(blockVar); } // console.log(blockVar); // 报错,在块级作用域外部无法访问 blockVar ``` ### 区别 - **出现时间**:在ES6之前,JavaScript只有全局作用域函数作用域,ES6出现之后,新增了块级作用域[^1]。 - **变量声明方式**:函数作用域中,使用 `var` 声明的变量具有函数作用域特性;而块级作用域需要使用 `let` 和 `const` 声明变量才能体现块级作用域的特性,如果在块级作用域中使用 `var` 声明变量,该变量仍然是函数作用域或全局作用域。例如: ```javascript function testScope() { if (true) { var varInBlock = 'Using var in block'; } console.log(varInBlock); // 可以访问,因为 var 声明的变量函数作用域 } testScope(); ``` ```javascript function testBlockScope() { if (true) { let letInBlock = 'Using let in block'; } // console.log(letInBlock); // 报错,let 声明的变量具有块级作用域 } testBlockScope(); ``` - **变量提升**:使用 `var` 声明的变量存在变量提升现象,即变量可以在声明之前被访问,值为 `undefined`;而使用 `let` 和 `const` 声明的变量不存在变量提升,在声明之前访问会导致引用错误(TDZ,暂时性死区)。例如: ```javascript console.log(varHoisted); // 输出 undefined var varHoisted = 'Variable hoisted'; ``` ```javascript // console.log(letHoisted); // 报错,暂时性死区 let letHoisted = 'No hoisting with let'; ``` ### 特点 - **函数作用域特点** - **封装性**:函数作用域变量函数封装在函数内部,外部无法直接访问,提高了代码的安全性和可维护性。 - **闭包支持**:函数作用域是实现闭包的基础,闭包可以访问其外层函数变量,即使外层函数已经执行完毕。例如: ```javascript function outerFunction() { let outerVar = 'Outer variable'; function innerFunction() { console.log(outerVar); } return innerFunction; } let closure = outerFunction(); closure(); // 可以访问 outerVar ``` - **块级作用域特点** - **垃圾回收优化**:块级作用域非常有用的原因,和闭包及回收内存垃圾的回收机制有关。块执行完成之后,就可以将内部的数据结构进行垃圾回收。如果只有函数作用域JavaScript引擎需要顾虑其他地方是否对块中的代码有引用,所以依然保持内部这个结构[^2]。 - **减少命名冲突**:在不同的块级作用域中可以使用相同的变量名,避免了命名冲突。例如: ```javascript { let num = 10; console.log(num); } { let num = 20; console.log(num); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值