JavaScript高级程序设计读书分享之4章——4.2执行上下文与作用域
JavaScript高级程序设计(第4版)读书分享笔记记录
适用于刚入门前端的同志
执行上下文
变量或函数的上下文决定 了它们可以访问哪些数据，以及它们的行为。
在浏览器中，全局上下文就是我们常说的 window 对象（第 12 章会详细介绍），因此所有通过 var 定义的全局变量和函数都会成为 window 对象的属性和方法。
示例：
var color = "blue";
function changeColor() { let anotherColor = "red"; function swapColors() { let tempColor = anotherColor; anotherColor = color; color = tempColor; // 这里可以访问 color、anotherColor 和 tempColor } // 这里可以访问 color 和 anotherColor，但访问不到 tempColor swapColors();
}
// 这里只能访问 color
changeColor();以上代码涉及 3 个上下文：
全局上下文、changeColor()的局部上下文和 swapColors()的局部上下文。
- 内部上下文可以通过作用域链访问外部上下文中的一切，但外部上下文无法访问内部上下文中的任何东西。
- 每个上下文都可以到上一级上下文中去搜索变量和函数，但任何上下文都不能到下一级上下文中去搜索
变量声明
使用 var 的函数作用域声明
- 在使用 var 声明变量时，变量会被自动添加到最接近的上下文。
- var 声明会被拿到函数或全局作用域的顶部，位于作用域中所有代码之前——‘变量提升’
使用 let 的块级作用域声明
- ES6 新增的 let 关键字跟 var 很相似，但它的作用域是块级的，这也是 JavaScript 中的新概念
- 块级作用域由最近的一对包含花括号{}界定
- if 块、while 块、function 块，甚至连单独 的块也是 let 声明变量的作用域
let 与 var 的另一个不同之处是在同一作用域内不能声明两次。重复的 var 声明会被忽略，而重复的 let 声明会抛出 SyntaxError。