blocks|key|241703|text|当您调用A.foo()时，foo()中的this被设置为对象A，因为这就是您对其调用函数的对象。因此，this.test的值为1。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|241704|您可以使用.call()+or+.apply()更改引用this的内容。|241705|A.foo.call(newThisValue);|code-block|syntax|javascript|241706|至于为什么..。这为您提供了极大的灵活性。您可能有一个作用于this的函数来执行某些操作，而构建JavaScript的方式允许您以特定的方式将该函数应用于任何object。这有点难以描述，但在inheritance等情况下确实派上了用场。另请参阅：http://trephine.org/t/index.php?title=JavaScript_call_and_apply|241707|entityMap|0|LINK|mutability|MUTABLE|url|http://odetocode.com/blogs/scott/archive/2007/07/05/function-apply-and-function-call-in-javascript.aspx|1|http://www.crockford.com/javascript/inheritance.html|2|http://trephine.org/t/index.php?title=JavaScript_call_and_apply^0|4|7|D|5|K|4|U|1|1F|9|1R|1|0|5|7|G|8|S|4|5|J|0|0|0|U|4|27|6|2O|B|1|3G|1R|2|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1D|8|@$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|H|3|I|5|J|7|1N|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1O|8|@$9|1P|A|1Q|B|C]|$9|1R|A|1S|B|C]]|D|@$9|1T|A|1U|1|1V]|$9|1W|A|1X|1|1Y]]|E|$]]|$1|O|3|-4|5|6|7|1Z|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]|Y|$5|R|S|T|E|$U|Z]]]]

When you call <code>A.foo()</code>, <code>this</code> within <code>foo()</code> is set to the object <code>A</code>, as that is what you called the function on. Therefore, <code>this.test</code> has a value of <code>1</code>.

You can change what <code>this</code> is referenced to using <a href="http://odetocode.com/blogs/scott/archive/2007/07/05/function-apply-and-function-call-in-javascript.aspx" rel="nofollow"><code>.call()</code> or <code>.apply()</code></a>.

<pre><code>A.foo.call(newThisValue);
</code></pre>

As for why... this gives you great flexibility. You may have a function that acts on <code>this</code> to do something, and the way JavaScript is built allows you to apply that function to any <code>object</code> in a specific way. It is a bit hard to describe, but it does come in handy in situations such as <a href="http://www.crockford.com/javascript/inheritance.html" rel="nofollow">inheritance</a>. See also: <a href="http://trephine.org/t/index.php?title=JavaScript_call_and_apply" rel="nofollow">http://trephine.org/t/index.php?title=JavaScript_call_and_apply</a>

blocks|key|5717265|text|在使用obj.method()表示法的Javascript+whenever+you+call+a+function中，this将绑定到obj。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5717266|您可以通过将呼叫拆分为两个单独的步骤来解决此问题：|5717267|var+f+=+A.foo;
f();+//+"this"+will+not+be+A+in+this+case.|code-block|syntax|javascript|5717268|或者，滥用逗号运算符：|5717269|(17,+x.f)()|5717270|entityMap|0|LINK|mutability|MUTABLE|url|http://es5.github.com/#x11.2.3^0|3|C|1O|4|1W|3|U|S|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|19|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

In Javascript <a href="http://es5.github.com/#x11.2.3" rel="nofollow">whenever you call a function</a> using <code>obj.method()</code> notation, <code>this</code> will be bound to <code>obj</code>.

You can work around this by splitting the call into two separate steps:

<pre><code>var f = A.foo;
f(); // "this" will not be A in this case.
</code></pre>

Or, abusing the comma operator:

<pre><code>(17, x.f)()
</code></pre>

In this example:

<pre><code>var A = {test: 1, foo: function() { return this.test }}
</code></pre>

Why <code>A.foo()</code> returns <code>1</code> (at least in node.js)? I thought <code>this</code> will be bound to external caller <code>this</code>, no?

What does this refer to and why?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在此示例中：var A = {test: 1, foo: function() { return this.test }}为什么A.foo()返回1 (至少在node.js中)？我以为this会绑定到外部调用者this，不是吗？

问这指的是什么?为什么？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问这指的是什么?为什么？EN