手撕bind源码

超、凢脫俗 2022-08-30 11:18 197阅读 0赞

# 手撕bind源码 #

要想手撕bind源码，首先要先了解bind的用法

function show(a,b,c){ 
    	console.log(this.x,a,b,c) // 这里输出20,2，3, 4
    }
    var x = 10;
    var obj = { 
    	x:20
    }
    
    var newShow = show.bind(obj,2,3,4)
    newShow()

function A(){ }
    var o = { }
    var x = 1;
    var y = 2;
    var z = 3;
    var B = A.bind(o,x,y,z)
    B('c')

> 总结  
> 1、函数A调用bind方法时，需要传递的参数o,x,y,z…  
>  2、返回新的函数B  
> 3、函数B在执行的时候，具体的功能实际上还是使用的A，只不过this指向变成了o window  
> 4、函数B在执行的时候，传递的参数，会拼接到x，y，z 后面 一并在内部传递给A执行  
> 5、new B（） 构造函数依旧是A，而且o 不会起到任何作用

以下就是源码

Function.prototype.newBind = function(target){ 
    	var self = this;
    	var target = target || window;
    	// 截取show.newBind的后三个参数
    	var args = [].slice.call(arguments,1);
    // var newShow = show.newBind(O,1,2,3);show.newBind...返回的函数就是newShow
    	var temp = function(){ }
    	var f = function(){ 
    		// 接收newShow的参数
    		var _arg = [].slice.call(arguments);
    		// 将参数合并，让show.newBind的参数在newShow参数的前面
    		var _args = args.concat(_arg)
    		return self.apply(this instanceof temp ? this:target , _args)
    	}
    	temp.prototype = self.prototype;
    	f.prototype = new temp();
    	return f 
    }
    
    function show(x,y,z,w){ 
    	console.log(this,x,y,z,w)
    }
    var O = { 
              x:20
            }
     var x = 10;
     var newShow = show.newBind(O,1,2,3);
     newShow(4);
    
     console.log(new newShow().constructor)

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关手撕Iterator底层源码

手撕Iterator底层源码 public abstract class AbstractList<E>{ ...

叁歲伎倆/ 2024年04月20日 11:19/ 0 赞/ 75 阅读

相关手撕LinkedList底层源码

手撕LinkedList底层源码 public abstract class AbstractList<E> extends AbstractCollecti...

阳光穿透心脏的1/2处/ 2024年04月20日 11:19/ 0 赞/ 87 阅读

相关手撕Map系列源码分析

Map源码分析 1、构造函数无参： public HashMap() { this.loadF...

刺骨的言语ヽ痛彻心扉/ 2024年04月20日 11:19/ 0 赞/ 78 阅读

相关手撕ArrayList底层源码

手撕ArrayList底层源码 public abstract class AbstractList<E> extends AbstractCollectio...

亦凉/ 2024年04月20日 11:19/ 0 赞/ 77 阅读

相关手撕源码手写框架的必备知识

文章目录反射获取类对应的字节码的对象常用方法动态代理 JDK动态代理 Prox

「爱情、让人受尽委屈。」/ 2023年09月30日 20:23/ 0 赞/ 3 阅读

相关手撕 JDK1.8 HashMap源码

手撕 JDK1.8 HashMap源码 1.HashMap核心属性 2.构造方法 3.HashMap put 方法分析 => putVal方法分析

╰+哭是因爲堅強的太久メ/ 2022年12月18日 03:55/ 0 赞/ 165 阅读

相关【手撕原理】前端面试题手写call、apply、bind方法

手写call 、apply 、bind方法实现call方法思路 1.在Function原型上增加\_call方法，接受两个参数。第一个参数为指定的this值，默认值为

短命女/ 2022年11月04日 15:26/ 0 赞/ 214 阅读

相关多线程编程(11)之手撕ThreadPoolExecutor源码

一、线程池线程池”，顾名思义就是一个线程缓存，线程是稀缺资源，如果被无限制的创建，不仅会消耗系统资源，还会降低系统的稳定性，因此Java中提供线程池对

青旅半醒/ 2022年09月06日 01:18/ 0 赞/ 159 阅读

相关手撕bind源码

手撕bind源码要想手撕bind源码，首先要先了解bind的用法 function show(a,b,c){ console.log(this.x

超、凢脫俗/ 2022年08月30日 11:18/ 0 赞/ 198 阅读

相关手撕metasploit中meterprter木马源码

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

╰半夏微凉°/ 2021年07月25日 19:32/ 0 赞/ 527 阅读