手写实现call、apply、bind方法

最新推荐文章于 2024-04-14 02:42:26 发布
最新推荐文章于 2024-04-14 02:42:26 发布
阅读量654 收藏 2
点赞数
分类专栏： JavaScript学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/buptlhr/article/details/105565124
版权
本文将详细解析JavaScript中call、apply、bind这三个方法的原理，并通过手写实现来加深理解。call方法允许你改变函数调用的上下文，apply与call类似，区别在于传递参数的方式。bind方法则返回一个新函数，新函数的this被绑定到指定的对象。通过这些方法，可以灵活地控制函数的执行环境和参数。
摘要由CSDN通过智能技术生成 
~ function anonymous(proto) {
   
    // call
    function call(context = window, ...args) {
   
        context == null ? context = window : null
        var type = typeof context
        if (type != 'object' && type != 'function' && type != 'symbol') {
   
            switch (type) {
   
                case 'number':
                    context = new Number(context)
                    <
最低0.47元/天 解锁文章
buptlhr
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手写 call、apply 及 bind 函数
weixin_47450807的博客
02-26 4645
手写 call、apply 及 bind 函数
手写call、apply、bind详解
qq_42241862的博客
11-16 840
个人博客网站欢迎交流：萤火之森：https://blog.xkongkeji.com call、apply、bind详解 三者都是改变函数执行时的上下文，也就是就是改变this的指向。 call(obj,arg1,arg2) //call()的参数一个一个的传 函数.call(第一个参数:想让函数中this指向谁,就传谁进来, 后面的参数:本身函数需要传递实参,需要几个实参,就一个一个的传递即可); call的作用: 1. 调用函数 2.指定函数中this指向 apply(obj,[arg1,arg2] /
手写代码call,apply,bind
weixin_46098192的博客
06-08 320
call,apply,bind
JavaScript手写 call、apply 及 bind 函数
LuckXinXin的博客
11-09 169
首先从以下几点来考虑如何实现这几个函数 不传入第一个参数，那么上下文默认为 window 改变了 this 指向，让新的对象可以执行该函数，并能接受参数 实现 call 首先 context为可选参数，如果不传的话默认上下文为 window 接下来给 context 创建一个 fn 属性，并将值设置为需要调用的函数 因为 call 可以传入多个参数作为调用函数的参数，所以需要将参数剥离出来 然后调用函数并将对象上的函数删除 Function.prototype.myCall = function.
手写实现apply、call、bind
belle_mei的博客
06-17 255
个人觉得要学会这三种手写方法需要对apply、call、bind的基本用法要有一定的了解和认识，最重要的是对this指向也要有所了解。 三种方法的手写思路整体上差不多，只要看懂了一个，基本上就可以快速扫读其他的。这是面试的重点题。 手写实现apply 在函数原型上封装myApply函数 , 实现和原生apply函数一样的效果 Function.prototype.myApply = function(context) {} 存储要转移的目标对象 var _this = context || wi
最详细的apply、call、bind手写实现教学
weixin_45819276的博客
08-19 550
1、call Function.prototype.call 语法 fun.call(thisArg[,arg1[,arg2[, ...]]]) 参数 thisArg 在fun运行时指定的this值。 arg1, arg2, ... 给到fun的参数列表（每个参数都写出来）。 返回值 使用调用者提供的this值和参数调用该函数的返回值。若该方法没有返回值，则返回undefined。 2、apply Function.prototype.apply 语法 fun.apply(thisArg, [ar
手写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 ...
Js面试常客之手写实现call、apply、bind方法（一看就会，附详细截图）
最新发布
m0_60635321的博客
04-14 646
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
手写实现call，apply，bind
guanfeii的博客
03-18 144
call Function.prototype.call = function(target, ...args){ const type = typeof target; if(type !== 'function' || type !=='object'){ console.error('目标对象须是一个函数或者object数据类型的数据'); return; } const context = target || window; const _property = Symbol('fn
手写实现call函数
weixin_43582723的博客
02-25 862
/* 1.如果需要每个函数都可以像call那样被调用, 内部实现是为所有函数都添加上call函数, 即在函数的原型上添加call函数 */ /* ...anySum：是ES6语法中的拓展运算符(用来处理剩余参数) */ Function.prototype.ownCall = function(thisArg,...anySum){ // console.log("ownCall被调用了"); //利用隐式绑定，调用需要被调用的函数 var fn = this //判断传进
【详解】如何手写实现call、apply、bind
pakerder的博客
09-30 2677
前言： 面试的时候如果遇到需要手写代码，手写实现apply,call,bind也是问的比较多的，今天好好学习一下，怎么手写实现。 用法： 1.apply
JS手写-手写call、apply、bind函数及相关知识点
qq_50797036的博客
10-15 1093
手写call,apply,bind及过程中遇到的一些问题记录
手写call、apply、bind实现及详解
weixin_34218579的博客
02-03 976
它们有什么不同？怎么用？ call 接收多个参数，第一个为函数上下文也就是this，后边参数为函数本身的参数。 let obj = { name: "一个" } function allName(firstName, lastName) { console.log(this) ...
手写call,apply,bind函数
热门推荐
白天不懂夜的黑
02-22 1万+
涉及面试题 call,apply,bind函数内部实现是怎样的? 考虑两点: 第一个参数为undefined或null的时候，那么会转变为window 改变了this执行，让新的对象可以执行该函数。 call Function.prototype.myCall = function(context) { if (typeof context === "undefined" || c...
js实现call、apply、bind方法
guoqkmiss的博客
08-18 565
js实现call、apply、bind方法 一、call 函数的实现步骤： 判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用 call 等方式调用的情况。 判断传入上下文对象是否存在，如果不存在，则设置为 window 。 处理传入的参数，截取第一个参数后的所有参数。 将函数作为上下文对象的一个属性。 使用上下文对象来调用这个方法，并保存返回结果。 删除刚才新增的属性。 返回结果。 // call函数实现 Function.prototype.myCall = function(
手写apply-call-bind
m0_71485750的博客
06-18 318
当我们创建一个函数, 这个函数就可以使用apply、call、bind方法 我们知道foo的隐式原型是绑定在Function的显式原型上的 显然apply、call、bind方法是来自Function的原型对象 意味着, 在Function的原型对象上添加的属性或方法, 可以被所有的函数获取 2.手写apply函数 获取thisArg, 我们要确保是一个对象类型 将this绑定到传入的参数thisArg上 将剩余的其他参数传入thisArg 3.手写call函数 call函数与apply的实
手写call apply及bind函数
qq_36262295的博客
04-07 207
1.判断调用对象是否为函数，即使我们是定义在函数的原型上的， 但是可能出现使用 call 等方式调用的情况。 2.判断传入上下文对象是否存在，如果不存在，则设置为 window 。 3.处理传入的参数，截取第一个参数后的所有参数。 4.将函数作为上下文对象的一个属性。 5.使用上下文对象来调用这个方法，并保存返回结果。 6.删除刚才新增的属性。 7.返回结果。 call 函数实现 Function.prototype.mycall = function (context..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值