JS 到底执行的啥？一分钟带你搞懂JS 执行上下文

JS到底在干嘛？它执行什么，又执行如何执行？本文将用一分钟的时间带您了解JS 执行上下文。

一、JS 执行上下文是什么

JS 执行上下文是JS代码运行时所处的一种环境或对象。它包含了一系列信息，包括变量、函数和对象等。当JS 代码执行时，它会在当前执行上下文中创建一个新的作用域。作用域是一个保存变量和函数的容器，它可以是全局作用域或局部作用域。

二、作用域链

作用域链是沿着作用域层次结构向上搜索的作用域列表。当JS代码在某个作用域中执行时，它可以访问该作用域及其所有父作用域中的变量和函数。例如，如果一个函数被定义在另一个函数中，那么内部函数可以访问外部函数中的所有变量和函数。

三、变量提升

变量提升是JS 执行上下文的一个重要概念。它指的是在代码执行之前，所有变量都会被提升到作用域的顶部。这意味着，变量可以在声明之前被使用。例如，以下代码将输出"undefined"，因为变量"a"在使用前还没有被声明。

console.log(a);
var a = 10;

四、更高级的概念

理解了JS 执行上下文的定义、作用域链和变量提升的概念后，我们可以探讨更高级的概念，例如词法作用域、闭包和内存泄漏。

词法作用域是指变量的作用域由它的声明位置决定，而不是由它的执行位置决定。例如，以下代码将输出"10"，因为变量"a"在内部函数中被声明，但它可以在外部函数中使用。

function outer() {
  var a = 10;

  function inner() {
    console.log(a);
  }

  inner();
}

outer();

闭包是指能够访问自由变量的函数。自由变量是指那些在函数内被使用的，但却没有在函数内声明的变量。例如，以下代码将输出"10"，因为内部函数"inner"可以访问外部函数"outer"中的变量"a"。

function outer() {
  var a = 10;

  function inner() {
    console.log(a);
  }

  return inner;
}

var inner = outer();

inner();

内存泄漏是指当变量不再被使用时，它仍然保存在内存中的情况。这可能导致内存消耗过大，甚至导致程序崩溃。例如，以下代码将导致内存泄漏，因为变量"a"在函数"outer"中被声明，但它在函数"inner"中被使用。这意味着，变量"a"在函数"inner"执行完后仍然保存在内存中，即使它不再被使用了。

function outer() {
  var a = 10;

  function inner() {
    a++;
  }

  inner();
}

outer();

总之，JS 执行上下文是一个复杂的机制，但它是理解JS代码如何执行的基础。本文介绍了JS 执行上下文的基本概念，以及一些更高级的概念。通过对这些概念的理解，我们可以更好地理解JS代码的运行机制，并写出更健壮、更可靠的代码。