黑马程序员技术交流社区
标题: 【广州前端】- 关于全局、函数、块级作用域的理解 [打印本页]
作者: vuer 时间: 2018-7-27 15:13
标题: 【广州前端】- 关于全局、函数、块级作用域的理解
本帖最后由 vuer 于 2018-7-27 15:16 编辑
1.块级作用域
在一个代码块（括在一对花括号中的一组语句）中定义的所有变量在代码块的外部是不可见的。
ES6中新增的概念，在ES5中是没有的，ES5中没有？ 没有的时候我们代码也写的好好的，现在新增的概念，我不用不行吗？ 来，拋一个典型的问题出来，你就明白块级作用域出现的重要性了。
[JavaScript] 纯文本查看 复制代码
var i = 100; //全局变量
for(var i = 0;i < 5; i++){}
console.log("i =",i); //i = 5
我们用i变量只想在for循环中使用，并没有想要修改全局变量的意思。你可能会说谁会用i做全局变量啊，那个全局变量i只是为了突出这个例子，修改全局变量事小，泄露成全局变量才是我们担心的。
怎么办？在ES5时代，还没有块级作用域这个概念，但是当时也有一种解决方法，那就是..
..
..
..
..
对，闭包，用后即焚：
[JavaScript] 纯文本查看 复制代码
var i = 100; //全局变量
(function(){
for(var i = 0;i < 5; i++){}
})()
console.log("i =",i); //i = 100
ES6中为什么会出现块级作用域的概念，那还要问let和const两兄弟。
2.let 很皮
使用let和const以后会发现，他们声明的变量作用域范围不会超过{}这个圈
[JavaScript] 纯文本查看 复制代码
for(let i = 0; i < 5; i++){};
console.log("i =",i); //i is not defined
let 对比之前 var 声明的变量总结有以下几点不同：
[JavaScript] 纯文本查看 复制代码
{
let a = 1;
}
console.log(a); //Uncaught ReferenceError: a is not defined
{
var a = 1;
}
console.log(a); //1
- 2.let 不允许同一个作用域重复声明变量（先var 后 let 或 先 let 后 var 都不可行）；var 后声明的会替换之前的。
[JavaScript] 纯文本查看 复制代码
let a = 1;
let a = 2; //Uncaught SyntaxError: Identifier 'a' has already been declared
var a = 1;
var a = 2; // a = 2
- 3.let 存在暂时性死区(瞎jb拽词，个人理解之前var声明的变量至少是undefined，现在用let的话直接拋错)。
[JavaScript] 纯文本查看 复制代码
// 大括号中a使let声明，所以只能在声明后使用（不存在声明提前，a = undefined的情况）
var a = 10;
{
console.log(a); //Uncaught ReferenceError: a is not defined
let a = 2;
console.log(a); //2
}
// 大括号中a使var声明
var a = 10;
{
console.log(a); //undefined
var a = 2;
console.log(a); //2
}
[JavaScript] 纯文本查看 复制代码
window.a = 1;
var a = 2 ;
console.log(a); // 2
console.log(window.a); // 2
window.b = 1;
let b = 2 ;
console.log(b); // 2
console.log(window.b); // 1
3.活用const
const 声明的对象，是可以修改内部属性的，数组同理；
4.总结
主要总结一下块级作用域、以及块级作用域出现的意义，方便更好的记住。
let 和 const 产生一定有它的意义，ES6其他的新特性也一样。
点击有惊喜
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
