你不知道的javascript关于软绑定代码疑问？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

你不知道的javascript关于软绑定代码疑问？

PHP中文网 2017-04-11 12:03:56

[JavaScript讨论组]

194

电子书上截图的obj : this后面是不是少个“,” 还有其中这段代码不太理解

return fn.apply（
(!this || this === (window || global)) ? obj : this，curried.concat.apply(curried, arguments));

PHP中文网

认证高级PHP讲师

全部回复(1)

ringa_lee2017-04-11 12:05:56 1楼

非常好的问题！

那里的确少了个逗号

要想知道那句代码说什么，得明白 softBind 是干嘛的。

softBind 是相对原生 bind 而言一个更灵活的绑定 this 的功能。原生 bind 有一个弊端：被绑定后的新函数无法再更改 this。如下面的例子所示：

var func = function () { console.log(this) }
var funcA = func.bind({})

funcA() // Object {}
funcA.call({a: 1}) // Object {}

softBind 改进了 bind，使得对新函数的 call、apply 调用表现正常。

var func = function () { console.log(this) }
var funcA = func.softBind({})

funcA() // Object {}
funcA.call({a: 1}) // Object {a: 1}

那么，它是怎么区分这两种情况的呢？就是通过变量 this 的值。

调用 funcA() 时，this 变量为全局对象（global 或 window），此时应该弃掉这个 this，将传入的 obj 作用于 func 上
调用 funcA.call({a: 1}) 时，this 为 {a: 1}，此时应该使用这个新的 this 作为 func 的 this

这就是那句代码的逻辑： (!this || this === (window || global)) ? obj : this

至于 curried.concat.apply(curried, arguments)，这是为了合并两次传入的参数。这里的 softBind 还有一个附带的功能，就是柯里化：允许你在 softBind 时传入一部分参数，在实际调用时传入剩余的参数。那么实际调用时我们应该将两部分的参数合并在一起。然而 arguments 不是真数组，无法通过 curried.concat(arguments) 将其连接在一起，从而作者使用了一种迂回的写法。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>