js this 请教

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 833 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码：

https://gist.github.com/wjx0912/d35334195ca92d25940086ba533e652d

为什么输出的是 person2 呢

this

请教

18 条回复 • 2022-07-27 17:33:09 +08:00

SilentDepth

2022-07-26 22:52:33 +08:00

看一下 JS API ，call 方法的第一个参数是啥

crs0910

2022-07-26 22:55:12 +08:00

The `call()` method calls the function with a given `this` value and `arguments` provided individually.

DOLLOR

2022-07-27 00:04:42 +08:00

调用 person1.foo4.call(person2)时，foo4 里的 this 指向 person2 对象，它返回的箭头函数里的 this 也指向 person2 对象。

dcsuibian

2022-07-27 00:20:56 +08:00

js 方法里其实有个叫 this 的参数，如果你使用
person1.foo4()这么调用，那么这个 this 会被赋值为 person1 。
但如果你使用了 call()、apply()、bind()这几个方法，那么你就是在强制指定这个 this 是谁。

wunonglin

2022-07-27 00:22:34 +08:00

你 call 了 person2 的 this 进去 person1.foo4 这个方法，那么这个方法的 this 自然就是 person2 咯

autoxbc

2022-07-27 03:52:11 +08:00

从 person1 上找到 foo4 ，再把 foo4 上的隐参数 this 绑定为 person2 ，一直到这里，那个箭头函数都还没有生成

wjx0912

2022-07-27 08:35:10 +08:00

感谢各位大佬解答

@autoxbc 最适合理解的答案，更新大佬半夜回帖

wjx0912

2022-07-27 08:46:19 +08:00

var name = 'window'

var person1 = {
name: 'person1',
foo2: () => console.log(this.name),
}

var person2 = { name: 'person2' }

person1.foo2.call(person2)

打印结果是‘window’，如果按照上面理解，执行 foo2.call 的时候，箭头函数已经生成了，里面的 this 绑定的是全局 window ，这样对吗？

也就是说如果返回箭头函数的闭包，直到调用箭头函数的时候 this 才绑定；而赋值箭头函数时，箭头函数的 this 就直接绑定了。这个说法对吗？

感谢大家