JavaScript 作用域

前言

JavaScript 作用域是指在代码中定义变量的区域，它决定了变量的可见性和生命周期。

JavaScript 有两种主要的作用域类型：

• 全局作用域是指在代码的任何地方都能访问到的变量，它们被定义在 window 对象上。全局变量在页面加载时创建，页面关闭时销毁。
• 局部作用域是指在函数内部定义的变量，它们只能在函数内部使用，函数外部无法访问。局部变量在函数执行时创建，函数结束时销毁

ES6 引入了两种新的声明方式：let 和 const，它们与 var 相比，最大的区别就是它们具有块级作用域。

• 块级作用域是指变量在最近的 {} 代码块内有效。let 和 const 都是块级作用域，它们的作用范围被限制在最近的一对花括号 {} 内。
• let 允许你重新赋值，而 const 定义的是一个常量，一旦赋值就不能改变。

作用域的误区：

• JavaScript 没有块级作用域，也就是说在 if、for、while 等语句中定义的变量，不会被限制在这些语句内部，而是属于外层的作用域。
• JavaScript 存在变量提升（hoisting）的机制，var 声明的变量会被提升到当前作用域的顶部，但只提升变量名，不提升赋值操作。这可能导致一些意想不到的结果。
• JavaScript 中的 this 关键字并不是指向当前的作用域，而是根据函数的调用方式来确定的。在全局作用域中，this 指向 window 对象；在函数作用域中，this 的指向取决于函数是如何被调用的，如果是作为对象的方法调用，this 指向该对象；如果是作为普通函数调用，this 指向 window 对象；如果是作为构造函数调用，this 指向新创建的对象。