js 获取上下文

在JavaScript中，“获取上下文”通常指的是获取执行上下文（Execution Context）。执行上下文是JavaScript代码执行的环境，它包含了变量、函数参数、作用域链、this绑定等信息。

基础概念

1. 执行上下文：每当JavaScript代码在运行时，它都是在执行上下文中运行的。执行上下文主要有三种类型：全局执行上下文、函数执行上下文和Eval函数上下文（但Eval在实际开发中不常用，因此这里主要讨论前两种）。
2. 作用域链：在执行上下文中，有一个重要的组成部分叫做作用域链。它决定了变量和函数的访问权限。
3. this绑定：在非严格模式下，全局执行上下文的this指向全局对象（在浏览器中是window），而在函数执行上下文中，this的值取决于函数的调用方式。

相关优势

• 理解执行上下文有助于更好地掌握JavaScript的变量提升、闭包、this绑定等核心概念。
• 通过分析执行上下文，可以优化代码性能，例如减少不必要的变量查找。

类型

• 全局执行上下文：这是默认或者说基础的执行上下文。任何不在函数内部的代码都在全局上下文中。它会创建两个内置对象：全局对象（在浏览器中是window）和this关键字。
• 函数执行上下文：每当一个函数被调用时，都会为该函数创建一个新的上下文。每个函数都拥有自己的执行上下文，但是它在创建时就能确定。

应用场景

• 变量提升：了解执行上下文有助于理解为什么在函数内部可以访问在函数定义之后声明的变量。
• 闭包：闭包是JavaScript中一个强大的特性，它允许函数访问并操作其外部作用域中的变量。理解执行上下文是理解闭包的关键。
• 异步编程：在处理异步操作（如定时器、网络请求等）时，理解执行上下文有助于更好地管理代码的执行顺序和数据的状态。

遇到的问题及解决方法

问题：为什么在函数内部访问全局变量时，有时会得到undefined？

原因：这通常是因为在函数内部有与全局变量同名的局部变量。当函数执行时，它会首先在其自己的执行上下文中查找变量，如果找到，则使用该局部变量；如果没有找到，则会沿着作用域链向上查找，直到找到全局变量或到达全局作用域。

解决方法：确保在函数内部正确引用变量，避免变量名冲突。如果需要在函数内部修改全局变量，可以使用window对象（在浏览器中）来明确引用全局变量，例如window.globalVar = newValue;。

问题：为什么在某些情况下，函数内部的this会指向全局对象（在浏览器中是window）？

原因：这通常发生在非严格模式下，当函数作为普通函数调用时（而不是作为对象的方法调用），其内部的this会默认绑定到全局对象。在严格模式下（即在函数或文件的开头添加"use strict";），这种情况不会发生，此时this会保持为undefined。

解决方法：根据需要选择适当的调用方式，或者使用ES6的箭头函数，因为箭头函数不会创建自己的this绑定，它会捕获其所在上下文的this值。