手写call,apply,bind函数

涉及面试题

call,apply,bind函数内部实现是怎样的?

考虑两点:

第一个参数为undefined或null的时候，那么会转变为window
改变了this执行，让新的对象可以执行该函数。

call

Function.prototype.myCall = function(context) {if (typeof context === "undefined" || context === null) {context = window}//context=context||window  和上面的代码一样context.fn = thisconst args = [...arguments].slice(1)const result = context.fn(...args)delete context.fnreturn result
}

实现分析

首先context为可选参数，如果不传的话默认上下文是window
接下来给content创建一个fn属性，并将值设置为需要调用的函数
因为call可以传入多个参数作为调用函数的参数，所有需要将参数剥离出来
然后调用函数并将对象上的函数删除

apply

apply和call实现类似，不同的就是参数的处理


Function.prototype.myApply = function(context) {if (typeof this !== 'function') {throw new TypeError('Error')}context = context || windowcontext.fn = thislet resultif (arguments[1]) {result = context.fn(...arguments[1])} else {result = context.fn()}delete context.fnreturn result
}

bind

因为bind转换后的函数可以作为构造函数使用，此时this应该指向构造出的实例，而不是bind绑定的第一个参数


Function.prototype.myBind = function(context) {if (typeof this !== 'function') {throw new TypeError('Error')}//返回一个绑定this的函数，这里我们需要保存thisconst _this = thisconst args = [...arguments].slice(1)//返回一个函数return function F() {//因为返回一个函数，我们可以new F()需要判断能当做构造函数吗if (this instanceof F) {return new _this(...args, ...arguments)}return _this.apply(context, args.concat(...arguments))}
}

bind返回一个函数，对于函数来说有两种方式调用，一种是直接调用，一种是通过new的方式，我们先来说直接调用的方式
对于直接调用来说，这里选择了apply的方式，但是对于参数需要注意以下情况:因为bind可以实现类似这样的代码 f.bind(obj,1)(2),所以我们需要将两边的参数拼接起来，于是就有了这样的实现args.concat(…arguments)
new的方式，我们先判断this，对于new的情况，不会被任何方式改变this，所以对于这种情况我们需要忽略传入的this

手写call,apply,bind函数相关推荐

手写bind_深入理解 JavaScript 之手写 call, apply, bind 方法
这是老生常谈的手写了,今天想自己试着实现一下,做个笔记. call 方法 Function.prototype.myCall = function (context) { if (context == ...
JavaScript中的call，apply，bind区别及应用(包含手写call/apply/bind)
目录一.使用目的二.三者分别是如何定义的及区别(摘自MDN) 三.在程序中收获四.三者的具体应用四.手写bind,apply,call 今天在读程序题的时候,遇到call,apply,bind ...
手写C语言之函数概念-函数分类-实参与形参-传值调用与传址调用介绍（11）
目录函数是什么? C语言中函数的分类库函数自定义函数写一个函数可以找出两个整数中的最大值. 交换整型变量的函数函数的参数实际参数(实参) 形式参数(形参) 函数的调用传值调用传址调用 ...
LR手写代码常用的函数
1,变量转参数/赋值 lr_save_string("aaa","param"):将字符串"aaa",另存为param. 2,参数转变量 c ...
手写数字识别代码函数解读（MATLAB实现）
1.tf = strcmp(s1,s2) 输入参数可以是字符串数组.字符向量和字符向量元胞数组的任何组合比较 s1 和 s2,如果二者相同,则返回 1 (true),否则返回 0 (false).如 ...
手写一切(updating...)
1.手写ajax基本过程 var xhr; if(window.XMLHttpRequest){//code for IE7+,Firefox,Chrome,Opera,Safarixhr = new ...
手写 call、apply 及 bind 函数
之前在bind和apply以及call函数使用中详解总结过bind和apply以及call函数的使用,下面手写一下三个函数. 一.首先call函数 Function.prototype.MyCall ...
call、apply、bind函数详解
我们都知道call,apply,bind函数都是为了改变this的指向,那么对于三种函数有什么相同点有什么不太点或者有什么应用呢?下面我们来进行介绍 call与apply函数在javascrip ...
手写数字识别系统（python+K-近邻完整代码）
手写数字图片识别系统的介绍: 由于数字图片是一个 32*32 维的二进制向量,不能直接放到模型中使用,所以: 首先需要先将每一个 3232 维的向量转化为 1(3232)维的向量,即 11024 维数 ...

手写call,apply,bind函数

涉及面试题

call

apply

bind

手写call,apply,bind函数相关推荐

最新文章

热门文章