新闻详情

新闻详情

首页 / 资讯中心 / 详情

【前端手撕】call

发布时间:2026/9/22 2:13:44来源:尧图网络
【前端手撕】call
call是改变this指向的方法传入的参数是要指向的对象和函数需要的参数序列。改变this指向还可以用apply和bind区别如下方法传参方式执行时机返回值call参数序列逐个传入立即执行函数执行的结果apply参数数组或类数组立即执行函数执行的结果bind参数序列逐个传入返回新函数稍后执行绑定了this的新函数代码简易版Function.prototype.callSimple function (context, ...args) { context context || window // 确认上下文如果没有上下文就默认window context.fn this // 把当前函数赋值给上下文的fn属性临时属性 const res context.fn(...args) // 调用函数传参 delete context.fn // 删除临时属性 return res }健壮版Function.prototype.call function (context, ...args) { // 如果上下文是null或undefined就默认window否则用Object()转换为对象 // Object()包对象返回原对象包原始类型返回对象包装类型。这是因为简单数据类型不能挂载属性对象才可以 context context ! null context ! undefined ? Object(context) : window let tag Symbol(call) // Symbol()创建一个唯一的符号值避免与其他属性冲突/覆盖 context[tag] this // 把当前函数赋值给上下文的tag属性临时属性 const res context[tag](...args) // 调用函数传参。这里使用方括号是因为tag是一个符号值不能用点号 return res }Tips1. bind传参数可以先传一部分参数返回新函数下次再传剩下的。这种特性叫函数柯里化Currying2. 如果bind返回的新函数被new构造调用了this会失效。因为new的优先级高于bind但也只有new比bind高function Person(name) { this.name name; } const BoundPerson Person.bind({ name: 默认 }); // 试图绑定 this const p new BoundPerson(李四); console.log(p.name); // 输出李四因为new强行创建了一个新对象作为thisbind绑定的this被覆盖了。
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

2026最新会声会影下载x5实战:前端管理员避坑指南 2026/9/22 22:11:28

2026最新会声会影下载x5实战:前端管理员避坑指南

2026最新会声会影下载x5实战:前端管理员避坑指南 面试被问原理答不上来,是不是让你当场尴尬到脚趾扣地?别慌,今天咱们不整虚的,直接聊2026最新会声会影下载x5在真实项目里的坑。作为一线项目现场管理员,我见过太多同事因为环境配置不当,导…

阅读更多 →
汽车模具设计面试必问:搞定5个核心考点 2026/9/22 22:11:22

汽车模具设计面试必问:搞定5个核心考点

汽车模具设计面试必问:搞定5个核心考点 刚背完语法书,面对“如何从0到1搭一个冲压模具项目”就卡壳?这是很多转行或初级工程师的常态。面试官不想听你背定义,他们想看你懂不懂业务落地。在 汽车模具设计 领域, 面试必问…

阅读更多 →
荡速查手册:版本升级后API全变?5分钟搞懂核心源码 2026/9/22 22:11:09

荡速查手册:版本升级后API全变?5分钟搞懂核心源码

荡速查手册:版本升级后API全变?5分钟搞懂核心源码 版本升级后 API 全变了,代码跑不通,报错信息看得人头皮发麻。别慌,这时候你需要的不是漫无目的的搜索,而是一份直击痛点的 速查手册…

阅读更多 →
3个避坑指南:商品图片处理速查手册 2026/9/22 22:11:09

3个避坑指南:商品图片处理速查手册

3个避坑指南:商品图片处理速查手册 配置商品图片环境就卡半天?别急,这份速查手册直接给你解法。后端改个接口,前端图片裂图;换个云厂商,CDN策略全乱;想要压缩,质量又崩了。这种跨端、跨协议的扯皮,才是真痛点。 定位与核心差异…

阅读更多 →
比尔盖次选型避坑:3个核心差异帮新手省下100小时调试时间 2026/9/22 22:10:56

比尔盖次选型避坑:3个核心差异帮新手省下100小时调试时间

比尔盖次选型避坑:3个核心差异帮新手省下100小时调试时间 版本升级后 API 全变了,这是无数开发者从新手走向老手的必经之痛。很多人卡在“为什么这行代码昨天还能跑,今天就报错了”的困惑里,其实不是你的代码写错了,而是你没搞清楚底层逻辑的迁…

阅读更多 →
5分钟吃透创造晴天原理,面试必问不慌张 2026/9/22 22:10:50

5分钟吃透创造晴天原理,面试必问不慌张

5分钟吃透创造晴天原理,面试必问不慌张 别再把时间浪费在翻那厚如砖块的官方文档上了,真正卡住你的,往往不是代码本身,而是那些晦涩难懂的配置项和逻辑流。 “创造晴天”这个名词听起来挺浪漫,但在编程圈子里,它其实是个典型的 状态机管理 或者…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞