返回

变量提升、this、作用域链、闭包以及(GO,VO,AO)原理的深入探索

前端

变量提升

变量提升是 JavaScript 中的一个特殊行为，它会在执行代码之前将变量声明提升到函数或全局作用域的顶部。这意味着即使您在函数内部或代码块内部声明了一个变量，它也会被提升到函数或全局作用域的顶部。

变量提升会带来一些问题，例如：

  • 变量可能被意外地重新声明或覆盖。
  • 变量可能在声明之前就被使用。

为了避免这些问题，您应该始终在使用变量之前声明它们。

this

this 引用当前执行代码的对象。在函数中，this 引用当前函数被调用的对象。在全局代码中，this 引用 window 对象。

this 关键字在 JavaScript 中非常重要，它可以用于访问对象的属性和方法、调用对象的构造函数等。

作用域链

作用域链是一个包含所有当前执行代码可以访问的变量和函数的链。作用域链从当前执行代码开始，然后依次向上追溯到函数的调用者，再向上追溯到函数的调用者的调用者，依此类推，直到到达全局作用域。

作用域链决定了变量和函数的访问权限。一个变量或函数只能被当前执行代码以及作用域链中更上层的代码访问。

闭包

闭包是指能够访问其他函数作用域中变量的函数。闭包在 JavaScript 中非常有用，它可以用来封装数据和行为，从而提高代码的可重用性和可维护性。

闭包的本质是函数嵌套。当一个函数嵌套在另一个函数中时，内部函数可以访问外部函数的作用域。这样，即使外部函数已经执行完毕，内部函数仍然可以访问外部函数的作用域中的变量。

(GO,VO,AO)原理

(GO,VO,AO)原理是理解闭包的另一种方式。

  • GO：Global Object（全局对象）
  • VO：Variable Object（变量对象）
  • AO：Activation Object（激活对象）

GO 是全局对象，它包含了所有全局变量。VO 是变量对象，它包含了当前执行代码的作用域中的变量。AO 是激活对象，它包含了当前执行代码的函数参数和局部变量。

当一个函数被调用时，会在堆栈中创建一个新的 AO。这个 AO 包含了函数的参数和局部变量。当函数执行完毕时，这个 AO 会被销毁。

闭包就是指一个能够访问另一个函数作用域中变量的函数。闭包的本质是函数嵌套。当一个函数嵌套在另一个函数中时，内部函数可以访问外部函数的作用域。这样，即使外部函数已经执行完毕，内部函数仍然可以访问外部函数的作用域中的变量。

(GO,VO,AO)原理是理解闭包的另一种方式。当一个函数被调用时，会在堆栈中创建一个新的 AO。这个 AO 包含了函数的参数和局部变量。当函数执行完毕时，这个 AO 会被销毁。

闭包可以用来封装数据和行为，从而提高代码的可重用性和可维护性。