bind源码解析

tianyu 发布于2019-08-20 13:44 / 542人阅读

摘要：下面是函数的源码这个函数有两点比较重要的地方把返回的函数的属性指向一个由匿名函数生成的对象，并且最终会执行原来的那个函数的，也就是时的，这里我觉得是为了说明返回的对象应该是原函数的一个副本，区别只是绑定了和参数。

下面是bind函数的Polyfill源码

if (!Function.prototype.bind) {
  Function.prototype.bind = function (oThis) {
    if (typeof this !== "function") {
      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
    }

    var aArgs = Array.prototype.slice.call(arguments, 1), 
        fToBind = this, 
        fNOP = function () {},
        fBound = function () {
          return fToBind.apply(this instanceof fNOP
                                 ? this
                                 : oThis || this,
                               aArgs.concat(Array.prototype.slice.call(arguments)));
        };

    fNOP.prototype = this.prototype;
    fBound.prototype = new fNOP();

    return fBound;
  };
}

这个函数有两点比较重要的地方
1.把bind返回的函数的prototyoe属性指向一个由匿名函数生成的对象，并且最终会执行原来的那个函数的prototype，也就是x.bind时的x，这里我觉得是为了说明bind返回的对象应该是原函数的一个副本，区别只是绑定了this和参数。
2.bind返回的匿名函数里的函数代码，其中apply的第一个参数
(this instanceof fNOP && oThis )? this : oThis,直接执行bind返回的函数时，this instanceof fNOP返回false，所以apply的第一个参数是执行bind的时候的第一个参数，这也是平时我们的用法，但是如果是用new去执行bind返回的函数时，this instanceof fNOP返回的是true，这时候，如果在执行bind的时候传入了非空的值，那么这个值就会被新的this覆盖，如果传了空的值，那就把这个空值传给apply。说实话这里没看出作者的用意。。。。

补：this instanceof fNOP ? this : oThis || this这是另一个实现中的代码，相比之前的，我觉得这个更准确，这个说的是如果是new调用的时候，直接把执行bind时传入的this覆盖掉，这说明new执行时的this优先级更高，如果是直接执行而不是new调用时，就先判断执行bind时有没有传入this，如果有就把他压入x.bind中的x中执行，如果没有就传入新的this。

GPU云服务器云服务器源码解析 webrtc源码解析 webrtc 源码解析 html 解析源码

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81218.html

Lumen框架“服务容器”源码解析

摘要：下边是服务容器工作示意图服务容器的产生框架中，服务容器是由中类完成的，该类实现了服务容器的核心功能。并不是框架中所有的类都能实现自动依赖注入的功能只有服务容器创建的类实例才能实现依赖自动注入。框架中的服务容器是全局的，不需要 1.服务容器服务容器是Lumen框架整个系统功能调度配置的核心，它提供了整个框架运行过程中的一系列服务。服务容器就是提供服务(服务可以理解为系统运行中需要的东西...

ytwman 2019-07-01 12:41 评论0 收藏0
Android开源架构

摘要：音乐团队分享数据绑定运行机制分析一个项目搞定所有主流架构单元测试一个项目搞定所有主流架构系列的第二个项目。代码开源，展示了的用法，以及如何使用进行测试，还有用框架对的进行单元测试。 Android 常用三方框架的学习 Android 常用三方框架的学习 likfe/eventbus3-intellij-plugin AS 最新可用 eventbus3 插件，欢迎品尝简单的 MVP 模...

sutaking 2019-06-24 17:55 评论0 收藏0
Laravel核心——Ioc服务容器源码解析（服务器绑定）

摘要：服务容器的绑定绑定欢迎关注我的博客绑定是服务容器最常用的绑定方式，在上一篇文章中我们讨论过，的绑定有三种绑定自身绑定闭包绑定接口今天，我们这篇文章主要从源码上讲解服务容器是如何进行绑定的。将闭包函数和单例变量存入数组中，以备解析时使用。服务容器的绑定 bind 绑定欢迎关注我的博客：www.leoyang90.cn bind 绑定是服务容器最常用的绑定方式，在上一篇文章中我们讨论...

imtianx 2019-06-27 16:27 评论0 收藏0
【Vue原理】Compile - 源码版之 Parse 属性解析

摘要：写文章不容易，点个赞呗兄弟专注源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于版本如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧原理源码版之属性解析哈哈哈，今天终写文章不容易，点个赞呗兄弟专注 Vue 源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究...

tinna 2019-08-26 10:41 评论0 收藏0