草庐IT

javascript - 如果 JavaScript 是一种解释性语言，提升如何工作？

coder 2024-07-27 原文

我对解释器的理解是它逐行执行程序，我们可以看到即时结果，不像编译语言那样转换代码，然后执行它。

我的问题是，在 Javascript 中，解释器如何知道程序中某处声明了一个变量并将其记录为 undefined ?

考虑下面的程序:

function do_something() {
  console.log(bar); // undefined (but in my understanding about an interpreter, it should be throwing error like variable not declared)
  var bar = 111;
  console.log(bar); // 111
}

隐含理解为:
function do_something() {
  var bar;
  console.log(bar); // undefined
  bar = 111;
  console.log(bar); // 111
}

这是如何运作的？

最佳答案

这个概念' var如果你从表面上想起来，“提升”是一个相当令人困惑的问题。你必须深入研究语言本身是如何工作的。 JavaScript 是 ECMAScript 的一种实现，是一种解释型语言，这意味着您编写的所有代码都会被输入到另一个程序中，该程序反过来解释代码，根据源代码的一部分调用某些函数。
例如，如果你写:

function foo() {}
解释器一旦满足你的函数声明，就会调用它自己的一个名为 FunctionDeclarationInstantiation 的函数。创建函数。解释器不是将 JavaScript 编译成本地机器代码，而是在读取 JavaScript 代码的每个部分时“按需”执行 C、C++ 和自己的机器代码。它不一定意味着逐行，所有解释都意味着不会编译为机器代码。执行机器代码的单独程序读取您的代码并即时执行该机器代码。
这与 var 有何关系声明提升或任何与此相关的声明是解释器首先通读所有代码一次而不执行任何实际代码。它分析代码并将其分成块，称为 词法环境 . Per the ECMAScript 2015 Language Specification :

8.1 Lexical Environments

A Lexical Environment is a specification type used to define the association of Identifiers to specific variables and functions based upon the lexical nesting structure of ECMAScript code. A Lexical Environment consists of an Environment Record and a possibly null reference to an outer Lexical Environment. Usually a Lexical Environment is associated with some specific syntactic structure of ECMAScript code such as a FunctionDeclaration, a BlockStatement, or a Catch clause of a TryStatement and a new Lexical Environment is created each time such code is evaluated.

An Environment Record records the identifier bindings that are created within the scope of its associated Lexical Environment. It is referred to as the Lexical Environment’s EnvironmentRecord


在执行任何代码之前，解释器会遍历您的代码，并为每个词法结构(例如函数声明、新块等)创建一个新的词法环境。在那些词法环境中，环境记录记录在该环境中声明的所有变量、它们的值以及有关该环境的其他信息。这就是允许 JavaScript 管理变量作用域、变量查找链的原因，this值(value)等。
每个词法环境都与一个 code realm 相关联。 :

8.2 Code Realms

Before it is evaluated, all ECMAScript code must be associated with a Realm. Conceptually, a realm consists of a set of intrinsic objects, an ECMAScript global environment, all of the ECMAScript code that is loaded within the scope of that global environment, and other associated state and resources.


在实际执行任何代码之前，您编写的 JavaScript/ECMAScript 代码的每一部分都与一个领域相关联。每个领域都由与领域相关联的特定代码部分使用的内在值组成，this领域的对象，领域的词汇环境，等等。
这意味着代码的每个词法部分在执行之前都会被分析。然后 a realm is created包含有关该代码集的所有信息。源码，需要什么变量来执行，声明了哪些变量，是什么this是等。在var的情况下声明，当你像这里一样定义一个函数时，就会创建一个领域:
function do_something() {
  console.log(bar); // undefined
  var bar = 111;
  console.log(bar); // 111
}
在这里，一个 FunctionDeclaration 创建了一个新的词法环境，与一个新的领域相关联。创建词法环境后，解释器会分析代码并找到所有声明。然后首先在该词法环境的最开始处处理这些声明，因此是函数的“顶部”:

13.3.2 Variable Statement

A var statement declares variables that are scoped to the running execution context’s VariableEnvironment. Var variables are created when their containing Lexical Environment is instantiated and are initialized to undefined when created.


因此，每当一个词法环境被实例化(创建)时，所有 var声明被创建，初始化为 undefined .这意味着它们在执行任何代码之前被处理，在词法环境的“顶部”:
var bar; //Processed and declared first
console.log(bar);
bar = 111;
console.log(bar);
然后，在分析完所有 JavaScript 代码后，它最终会被执行。因为声明首先被处理，它被声明(并初始化为 undefined )给你 undefined .
Hoist 确实有点用词不当。 Hoist 意味着将声明直接移到当前词法环境的顶部，而是在执行之前对代码进行分析；什么都没有移动。

注:let和 const以同样的方式行事，也被吊起来，但这行不通:
function do_something() {
  console.log(bar); //ReferenceError
  let bar = 111;
  console.log(bar);
}
这将为您提供一个 ReferenceError 以尝试访问未初始化的变量。即使 let和 const声明被提升，规范明确指出你不能在初始化之前访问它们，不像 var :

13.3.1 Let and Const Declarations

let and const declarations define variables that are scoped to the running execution context’s LexicalEnvironment. The variables are created when their containing Lexical Environment is instantiated but may not be accessed in any way until the variable’s LexicalBinding is evaluated.


因此，在正式初始化之前，您无法访问该变量，无论是 undefined 还是任何其他值。这意味着您似乎无法像使用 var 那样“在声明之前访问它”。 .

关于javascript - 如果 JavaScript 是一种解释性语言，提升如何工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45620041/

解释性javascriptcodestrongecma-internationalvariableshoisting

有关javascript - 如果 JavaScript 是一种解释性语言，提升如何工作？的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。

  4. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  5. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  6. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  7. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  8. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  9. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件？ - 2

    在选择我想要运行操作的频率时，唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案，但您可以安排它每天运行，并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/8692687/

  10. ruby-on-rails - 如何从 format.xml 中删除 <hash></hash> - 2

    我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据，就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理？我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题；这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML，但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中，将我的XML代码修改为

随机推荐