手写call以及apply方法(完整版包含格式校验)

最新推荐文章于 2022-10-26 15:05:46 发布
VIP文章 最新推荐文章于 2022-10-26 15:05:46 发布
阅读量88 收藏
点赞数
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/donnien/article/details/118279187
版权 
// 重写内置call方法
Function.prototype._call = function _call(context, ...params) {
   
  // this->fn   context->obj   params->[10,20]
  // context是undefined或者null的情况
  if (context == null) context = window;
  // context是传的是原始值得情况
  if (!/^(object|function)$/i.test(typeof context)
最低0.47元/天 解锁文章
Don_ixu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-手写call、apply、bind
07-16
js代码-手写call、apply、bind
手写call、apply
qq_51172685的博客
01-25 176
call函数可以实现对函数this的显示绑定。将一个函数的this指向显示的绑定到某一个指定的对象上，并运行这个函数。 本来呢我们写的函数默认是挂载在window对象实例上面的，如果要改变函数内部的this指向，那么call和apply采用的思想就是把这个函数也挂载一份到我们这个目标对象身上。这样目标对象直接调用这个函数，通过隐式绑定就把this绑定到了我们这个目标对象 // 手写call // call函数负责将函数的this绑定到指定的对象，并执行这个函数一次
手写call,apply方法实现
bangxing1210的博客
05-21 328
call Function.prototype.myCall = function(){ var object = arguments[0]; var arr = []; for(var i = 1; i < arguments.length; i++){ arr.push(arguments[i]); } ...
手写call和apply函数
xuan971130的博客
08-23 285
call和apply
全网最详细手写call和apply
qq_52648305的博客
08-09 213
代码】全网最详细手写call和apply。
前端面试——手写call、apply方法
DW14687的博客
10-26 720
以上就是今天要讲的内容，本文仅仅简单介绍call、apply如何手写，如果你有好的想法记得评论区告诉我哟~
js代码-手写call apply
07-16
js代码-手写call apply
js代码-手写call/bind/apply
07-14
js代码-手写call/bind/apply
手写call，apply
csD_Dscnnnnnnn的博客
03-24 133
手写call，apply
js实现call、apply、bind方法
guoqkmiss的博客
08-18 549
js实现call、apply、bind方法 一、call 函数的实现步骤： 判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用 call 等方式调用的情况。 判断传入上下文对象是否存在，如果不存在，则设置为 window 。 处理传入的参数，截取第一个参数后的所有参数。 将函数作为上下文对象的一个属性。 使用上下文对象来调用这个方法，并保存返回结果。 删除刚才新增的属性。 返回结果。 // call函数实现 Function.prototype.myCall = function(
JavaScript手写系列(一)——————手写apply、call
Salange1的博客
10-24 231
说起手写apply、call等方法是面经中常看到的问题了，其实我面试没有遇到过，但没遇到过不代表就不需要掌握。这些应该只有大厂才会考，作为一个双非毕业的普通人，还是要有一个进大厂的梦，万一哪天实现了呢，人一旦没了梦想，和咸鱼有什么区别。今天就带大家一起来实现一下简易版的call和apply。还有最难的bind手动实现，有点难，我自己还没搞明白，就不出来献丑了，先立个flag,等我搞明白了再回来补上。
call、apply以及手写call和apply
qq_41244534的博客
11-20 591
call、apply以及手写call和applycall和apply的作用以及区别手动实现call和apply call和apply的作用以及区别 1.作用:call和apply都是为了改变函数的this指向 2.区别:call和apply的作用几乎相等，区别在于他们传参的形式。call传入参数的数量不固定，第一个参数为需要改变的this指向，接下来的参数就是需要传递的参数。apply仅仅接收两个参数，第一个参数是需要改变的this指向，第二个参数为带下标的集合或者数组。将函数需要传递的参数放在数组或者类数
手写call和apply
weixin_43956427的博客
03-01 168
------------------------------------------------------------------------ 手写call 先看下call的使用，通过 call()方法可以使用另一个对象的方法 var person = { //sayhello: () => { console.log('hello', this.name) } sayhello: function() { console.log('hello', this.name) } } var p1
手写实现call、apply、bind方法
weixin_40856652的博客
04-24 468
1、call 1)实现代码 call 方法是在Function的原型对象上的方法， 所以所有的函数都可调用。我们手写的方法也放在Function的原型对象上。 Function.prototype.myCall = function (context, ...args) { // 创建一个变量保存需要修改的this指向的对象， 如果没有传入就让this指向 window let newThis = context || window; // 给这个对象添加一个
手写call函数和apply函数
YiChan414的博客
04-12 114
目录 call函数 apply函数 call函数 Function.prototype.mycall = function(){ if(typeof(this) !== 'function'){ //如果调用mycall的不是一个函数 console.log("出错了") //则直接输出错误 } let oBj = arguments[0] || window //用o
手写js中的call和apply
weixin_45704555的博客
08-02 257
目 录bind、call和apply的区别与联系手写一个call手写一个apply(与call基本类似) bind、call和apply的区别与联系 1、联系： ①. 作用上：它们三个都可以绑定this指向，因为函数内部的this由运行的方式决定，this的指向常常会发生变化，这是就会产生绑定的需要。 ②. 使用上，三个函数的第一个参数都是this将要指向的对象，它们后面的参数（即除第一个参数外的其他参数位置）可以用来放被调用函数的参数 2、区别： bind 是返回对应函数，便于稍后调用；apply 、ca
手写实现call方法和apply方法
HuangJunJun的博客
04-19 240
通过查MDN文档我们可以发现，call和apply只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。 这里是手动实现代码 function person(a, b, c, d) { return { name: this.name, a: a, b: b, c: c, d: d } } const egg = { name: '小蛋',
手写实现call,apply函数
weixin_45936275的博客
09-14 382
call的使用 举个例子： var foo = { value: 1 }; function bar() { console.log(this.value); } bar.call(foo); // 1 注意两点： 1.call 改变了 this 的指向，指向到 foo 2.bar 函数执行了 实现第一步 那么我们该怎么模拟实现这两个效果呢？ 试想当调用 call 的时候，把 foo 对象改造成如下： var foo = { value: 1, bar: functio
面试常考点：手写一个call和apply
Heartbroken_man的博客
02-07 360
面试的时候call和apply是经常被问到的点，它们可以用来改变函数的this指向，那么是怎么实现的呢？ 首先我们定义一个需要用到的实例代码 const name = 45456; const obj = { name: 111, fn: function (param1, param2) { console.log(this.name, param1, param2); }, }; 我们调用自带的call方法 obj.fn.call(null, 2, n
手写call apply bind方法
最新发布
03-17
手写call方法: ``` Function.prototype.myCall = function(context) { context = context || window; context.fn = this; var args = [...arguments].slice(1); var result = context.fn(...args); delete ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值