草庐IT

javascript - 嵌套函数中的函数上下文 ("this")

coder 2025-01-13 原文

当您在 Javascript 中调用顶级函数时,函数内的 this 关键字指的是默认对象(如果在浏览器中则为 window)。我的理解是,调用函数作为方法是一种特殊情况,因为默认情况下它是在窗口上调用的(如 John Resig 的书《JavaScript 忍者的 secret 》第 49 页中所述)。事实上,以下代码中的两个调用是相同的。

function func() {
  return this;
}

// invoke as a top-level function
console.log(func() === window); // true

// invoke as a method of window
console.log(window.func() === window); // true

到目前为止一切顺利......现在这是我不明白的部分:

当一个函数嵌套在另一个函数中并且在没有指定调用对象的情况下被调用时,函数内部的this 关键字也指的是window。但是内部函数不能在窗口上调用(见下面的代码)。

function outerFunc() {
  function innerFunc() {
    return this;
  }

  // invoke without window.* - OK
  console.log(innerFunc() === window); // true

  // invoke on window
  //window.innerFunc(); - error (window has no such method)
  console.log(window.innerFunc) // undefined
}

outerFunc();

嵌套函数在 window 上不可用是完全有道理的,因为它毕竟是嵌套的......但是后来我不明白为什么 this 关键字指的是 window,就好像函数是在 window 上调用的一样.我在这里缺少什么?

编辑

以下是对以下重要答案的总结以及我的一些后续研究。

  • “正常”调用一个函数等同于将其作为window 的方法调用是不正确的。只有在全局定义该函数时,这才是正确的。

  • 函数上下文(this 关键字的值)不取决于函数定义的位置/方式,而是取决于函数的调用方式。

  • 假设代码未在严格模式下运行,“正常”调用函数会将函数上下文设置为窗口(在浏览器中运行时,或其他环境中相应的全局对象)。

  • 上述规则的一个异常(exception)是使用 bind 创建函数。在这种情况下,即使该函数被“正常”调用,它也可能具有 window 以外的上下文。也就是说,在这种情况下,上下文取决于您如何创建函数,而不是您如何调用它。尽管严格来说这并不准确,因为 bind 创建了一个新函数,该函数使用 apply 在内部调用给定的函数。该新函数的上下文仍将由它的调用方式决定,但它通过使用apply 屏蔽了它在内部调用的函数的上下文。

通过“正常”调用,我指的是以下简单的调用方式:

myFunction();

为了完成图片,这里简要介绍其他调用方式和相应的上下文:

  • 作为对象(方法)的属性——上下文就是对象

  • 使用 apply 或 call - 明确指定上下文

  • 使用 new 运算符(作为构造函数)- 上下文是新创建的对象

如有必要,请随时更新以上内容,以帮助有类似问题的人。谢谢!

最佳答案

您可以调用 functionName() 范围内的任何函数.由于您尚未在对象上调用它,因此将在默认对象 ( window) 的上下文中调用它。 (IIRC,如果您处于严格模式,它将在 undefined 的上下文中调用)。

上下文的默认对象与定义函数的位置或函数出现的范围无关。它只是默认对象。

如果一个函数是一个对象的属性,你可以称它为reference.to.object.function() , 它将在 object 的上下文中调用而不是默认对象。

其他改变上下文的是 new关键字和 apply , call , 和 bind方法。

关于javascript - 嵌套函数中的函数上下文 ("this"),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14677627/

有关javascript - 嵌套函数中的函数上下文 ("this")的更多相关文章

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

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

  2. ruby - 其他文件中的 Rake 任务 - 2

    我试图在一个项目中使用rake,如果我把所有东西都放到Rakefile中,它会很大并且很难读取/找到东西,所以我试着将每个命名空间放在lib/rake中它自己的文件中,我添加了这个到我的rake文件的顶部:Dir['#{File.dirname(__FILE__)}/lib/rake/*.rake'].map{|f|requiref}它加载文件没问题,但没有任务。我现在只有一个.rake文件作为测试,名为“servers.rake”,它看起来像这样:namespace:serverdotask:testdoputs"test"endend所以当我运行rakeserver:testid时

  3. ruby-on-rails - Ruby net/ldap 模块中的内存泄漏 - 2

    作为我的Rails应用程序的一部分,我编写了一个小导入程序,它从我们的LDAP系统中吸取数据并将其塞入一个用户表中。不幸的是,与LDAP相关的代码在遍历我们的32K用户时泄漏了大量内存,我一直无法弄清楚如何解决这个问题。这个问题似乎在某种程度上与LDAP库有关,因为当我删除对LDAP内容的调用时,内存使用情况会很好地稳定下来。此外,不断增加的对象是Net::BER::BerIdentifiedString和Net::BER::BerIdentifiedArray,它们都是LDAP库的一部分。当我运行导入时,内存使用量最终达到超过1GB的峰值。如果问题存在,我需要找到一些方法来更正我的代

  4. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身,new.html.erb,有代码:当我运行rspec时,它失败了:1)messages/new.html.erbshou

  5. 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""-

  6. ruby-on-rails - Rails 3 中的多个路由文件 - 2

    Rails2.3可以选择随时使用RouteSet#add_configuration_file添加更多路由。是否可以在Rails3项目中做同样的事情? 最佳答案 在config/application.rb中:config.paths.config.routes在Rails3.2(也可能是Rails3.1)中,使用:config.paths["config/routes"] 关于ruby-on-rails-Rails3中的多个路由文件,我们在StackOverflow上找到一个类似的问题

  7. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  8. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前,我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它,但这似乎不是“ruby方式”,我将需要在不久的将来访问更多模型。这可能会变得很脏,是否有针对这种情况的任何技术?注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展,本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向,这似乎很麻烦。最终从任何

  9. ruby - 将散列转换为嵌套散列 - 2

    这道题是thisquestion的逆题.给定一个散列,每个键都有一个数组,例如{[:a,:b,:c]=>1,[:a,:b,:d]=>2,[:a,:e]=>3,[:f]=>4,}将其转换为嵌套哈希的最佳方法是什么{:a=>{:b=>{:c=>1,:d=>2},:e=>3,},:f=>4,} 最佳答案 这是一个迭代的解决方案,递归的解决方案留给读者作为练习:defconvert(h={})ret={}h.eachdo|k,v|node=retk[0..-2].each{|x|node[x]||={};node=node[x]}node[

  10. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本,我按照提供的说明安装了arubagem。它在我的Gemfile中,我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作,我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了,但失败的原因是错误的:@announceScenario:Testingcucumber/ar

随机推荐