JavaScript中的执行上下文和变量提升

js输出变量_php输出所有变量_js输出一个变量的类型

新钛云服已为您服务1248天

php输出所有变量_js输出变量_js输出一个变量的类型

与许多同类语言相比, 是一种易于学习的编程语言。但是,如果您想理解、调试和编写更好的代码,则需要多加注意一些基本概念。

在本文中,我们将了解两个这样的概念:

作为一个初学者的,了解这些概念将有助于您了解this关键字,作用域和闭包。

中的执行上下文

一般来说,一个 源文件会有多行代码。作为开发人员,我们将代码组织成变量、函数、数据结构(如对象和数组)等等。

语法环境决定了我们如何以及在何处编写代码。看看下面的代码:

function doSomething() {
 var age= 7;
 // Some more code
}

在上面的代码中,变量age在语法上位于函数内部。

请注意,我们的代码不会按原样运行。它必须由编译器翻译成计算机可理解的字节码。通常,语法环境在您的代码中会有多个。然而,并不是所有的环境都会同时执行。

帮助代码执行的环境称为执行上下文。它是当前正在运行的代码,以及有助于运行它的一切。可以有很多语法环境js输出变量,但当前运行的代码只能有一个执行上下文。

查看下图以了解语法环境和执行上下文之间的区别:‍

js输出变量_js输出一个变量的类型_php输出所有变量

语法环境与执行上下文

那么在执行上下文中到底发生了什么?代码被逐行解析,生成可执行的字节码,分配内存并执行。

让我们采用我们在上面看到的相同函数。您认为执行以下行时可能会发生什么?

var age = 7;

这段源代码在最终执行之前经历了以下阶段:

下面的动画图片显示了源代码到可执行字节码的转换。

php输出所有变量_js输出变量_js输出一个变量的类型

可执行字节码的源代码

所有这些事情都发生在一个执行上下文中。所以执行上下文是代码的特定部分的执行环境。

有两种类型的执行上下文:

每个执行上下文都有两个阶段:

让我们详细看看它们中的每一个,并更好地理解它们。

中的全局执行上下文 (GEC)

每当我们执行 码时,它都会创建一个全局执行上下文(也称为基本执行上下文)。全局执行上下文有两个阶段。

创建阶段

在创建阶段,创建了两个独特的东西:

如果代码中声明了任何变量,则会为该变量分配内存。该变量使用唯一key进行初始化,并赋值为。

如果代码中有 ,它会被直接放入内存中。我们将在后面的部分中详细了解这部分。

执行阶段

代码执行在这个阶段开始。在这里进行全局变量的赋值。请注意js输出变量,这里没有调用函数,因为它发生在函数执行上下文中。我们将在后面讨论这个问题。

让我们通过几个例子来理解这两个阶段。

示例 1:加载空脚本

创建一个名为index.js的空 文件及一个包含以下内容的 HTML 文件:




   
   
   
   Document
   


  I'm loading an empty script

我们使用

怡然一记
JavaScript中的执行上下文和变量提升
https://xsunhua.cn/288.html
THE END
分享
二维码
打赏
海报
JavaScript中的执行上下文和变量提升
中的执行上下文作为开发人员,我们将代码组织成变量、函数、数据结构(如对象和数组)等等。可以有很多语法环境,但当前运行的代码只能有一个执行上下文。所以执行上下文是代码的特定部分的执行环境。全局执行上下文有两个阶段。如果代码中声明了任何变量,则会为该变量分配内存。该变量使用唯一key进行初始化,并赋值为。请注意,这里没有调用函数,因为它发生在函数执行上下文中。
<<上一篇
下一篇>>