手写call，apply

call()、apply()的意义：改变函数执行时的上下文，也就是改变this指向；

call和apply的区别：

1. call() 方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。

2. apply() 方法使用一个指定的this值和单独给出的一个或多个参数的数组来调用一个函数。

3. bind() 方法也改变this指向，但会返回一个新的函数，需要再次调用。（下一篇。）

绑定函数.call（指向函数）

Call和apply都是获得绑定函数的this和参数，然后在指向函数的环境中执行，并返回结果

实现call:

在指向函数环境中新建一个属性（绑定函数），然后执行绑定函数，返回结果

function person(a,b,c){return {name:this.name,a,b,c}
}
var egg = {name:'hhhh'}Function.prototype.newcall=function(obj){var obj=obj||window//此处的this指向person函数，//在obj中添加一个属性b，值为person函数obj.b=this//获得除this外的参数var newarguments=[]for(var i=1;i<arguments.length;i++){newarguments.push('arguments['+i+']')}//在obj中执行，则this会指向obj,把person中的参数给obj.b()var result=eval('obj.b('+newarguments+')')delete obj.b//返回参数return result
}
//把person的this指向egg对象
let dd=person.newcall(egg,1,2,3)
console.log(dd)

实现apply:

和call方法的不同在于需要对参数的判断是否有，

Apply：function(obj,arr)

需要判断是否有参数if(!arr)，

如果没有直接返回obj.b（）

如果有参数，类似于call的方式处理参数

function person(a,b,c){return {name:this.name,a,b,c}
}
let dd={name:'hhhhh'}Function.prototype.newapply=function(obj,arr){var obj=obj||window var resultobj.b=this//判断是否有参数if(!arr){//如果没有直接执行result=obj.b()}else{var newarguments=[]for(let i=0;i<arr.length;i++){newarguments.push('arr['+i+']')}result=eval('obj.b('+newarguments+')')}   delete obj.breturn result
}let ff=person.newapply(dd,[1,2,3])
console.log(ff)

手写call，apply相关推荐

JavaScript中的call，apply，bind区别及应用(包含手写call/apply/bind)
目录一.使用目的二.三者分别是如何定义的及区别(摘自MDN) 三.在程序中收获四.三者的具体应用四.手写bind,apply,call 今天在读程序题的时候,遇到call,apply,bind ...
手写bind_深入理解 JavaScript 之手写 call, apply, bind 方法
这是老生常谈的手写了,今天想自己试着实现一下,做个笔记. call 方法 Function.prototype.myCall = function (context) { if (context == ...
手写call,apply,bind函数
涉及面试题 call,apply,bind函数内部实现是怎样的? 考虑两点: 第一个参数为undefined或null的时候,那么会转变为window 改变了this执行,让新的对象可以执行该函数. ...
手写一切(updating...)
1.手写ajax基本过程 var xhr; if(window.XMLHttpRequest){//code for IE7+,Firefox,Chrome,Opera,Safarixhr = new ...
fortran中call的用法_手写源码系列（一）——call、apply、bind
什么是手写源码平时面试时经常会遇到让手写一个已有方法的实现,其实面试官是想考察你对于JS底层逻辑是否熟悉,经常面试会出的会在下面: call.apply.bind promise requireJS ...
手写 call、apply 及 bind 函数
之前在bind和apply以及call函数使用中详解总结过bind和apply以及call函数的使用,下面手写一下三个函数. 一.首先call函数 Function.prototype.MyCall ...
手写apply、call、bind（大量代码）
最近又进行了基础知识的重新学习,然后进行了call,apply,bind的this指向.参数类型以及代码的手写,然后整理了下. this指向 // this指向 const phper = {name ...
理解 call、apply、bind 原理，手写简单的 call、apply、bind 方法
理解 call.apply.bind 原理,手写简单的 call.apply.bind 方法 call 原理及实现 MDN定义:call()方法使用给定的 this 值和单独提供的参数调用函数. 用自 ...
全栈AI工程师指南，DIY一个识别手写数字的web应用
作者 | shadow chi 本文经授权转载自无界社区mixlab(ID:mix-lab) 网上大量教程都是教如何训练模型, 往往我们只学会了训练模型, 而实际应用的环节是缺失的. def AIF ...
手写AngularJS脏检查机制
什么是脏检查 View -> Model 浏览器提供有User Event触发事件的API,例如,click,change等 Model -> View 浏览器没有数据监测API. Ang ...

手写call，apply

1. call() 方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。

2. apply() 方法使用一个指定的this值和单独给出的一个或多个参数的数组来调用一个函数。

3. bind() 方法也改变this指向，但会返回一个新的函数，需要再次调用。（下一篇。）

实现call:

实现apply:

手写call，apply相关推荐

最新文章

热门文章

手写call，apply

1. call() 方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。

2. apply() 方法使用一个指定的this值和单独给出的 一个或多个参数的数组 来调用一个函数。

3. bind() 方法也改变this指向，但会返回一个新的函数，需要再次调用。（下一篇。）

实现call:

实现apply:

手写call，apply相关推荐

最新文章

热门文章

2. apply() 方法使用一个指定的this值和单独给出的一个或多个参数的数组来调用一个函数。