Function.prototype.call 实现原理

最新推荐文章于 2022-06-19 10:03:22 发布
最新推荐文章于 2022-06-19 10:03:22 发布
阅读量469 收藏
点赞数
分类专栏： JavaScript API 实现原理 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25076971/article/details/105115021
版权

Function.prototype.call

方法说明

call() 允许为不同的对象分配和调用属于一个对象的函数/方法。
call() 提供新的 this 值给当前调用的函数/方法。你可以使用 call 来实现继承：写一个方法，然后让另外一个新的对象来继承它（而不是在新对象中再写一次这个方法）

源码的关键点在于

在传递进来的上下文对象中构造一个需要执行的方法，比如：
ctx = { fn: test () { console.log(this.name) } }，这样方法内this就会指向ctx对象，就达到了在指定的上下文对象上运行不属于它的方法

源码

Function.prototype.myCall = function (ctx, ...args
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
探究object.prototype.toString.call()方法的实现原理
weixin_43933771的博客
07-14 1261
Object.prototype.toString.call(1); '[object Number]' Object.prototype.toString.call(NaN); '[object Number]' Object.prototype.toString.call('1'); '[object String]' Object.prototype.toString.call(true); '[object Boolean]' Object.prototype.toString.call(
Function.prototype.apply.call
BiuBiu_Tian(田)
06-04 1099
今天在读cw_logger源码的时候，看到这么一个方法: Function.prototype.apply.call 顿时，觉得难道还能这么调用。为什么？ 1. 先来看看上下文 if (context === MyLogger.WARN && console.warn) { hdlr = console.warn; } else if (con...
Function.prototype.call()的使用与实现
SCUhzs
09-15 1547
文章目录Function.prototypecall()的语法一些使用例子找出数组最大值设置函数上下文构造属性继承手动实现一个call()参考资料 Function.prototype Function.prototype.apply() 在一个对象的上下文中应用另一个对象的方法；参数能够以数组形式传入。 Function.prototype.bind() bind()方法会创建一个新函数,称为绑定函数.当调用这个绑定函数时,绑定函数会以创建它时传入 bind()方法的第一个参数作为 this
关于Function.prototype.apply.call的一些补充
吴孔云的博客
02-24 985
宿主对象，在javascript中有三类对象，本地对象，内置对象和宿主对象。其他两类暂且不提，宿主对象是指什么呢（DOM BOM），控制台对象是文档对象模型的扩展，也被认为是宿主对象。那么，它们有什么缺陷呢？在IE9之前，宿主对象不是继承自Object，它们的方法也不继承自Function，IE9之后就大有改进了。 看下IE8与IE9的document.getElementByIdie8:ie9:我
Function.prototype.call.apply作用详解
03-05 1218
关于call()和apply()基本用法可以参阅如下两篇文章: （1）.call方法参阅JavaScript call()一章节。 （2）.apply方法参阅JavaScript apply()一章节。 网上看到一段用法比较奇怪的代码，代码如下: [JavaScript] Function.prototype.apply.call(Math.floor, undefined...
Object.prototype.toString.call()的原理
fang_my的博客
06-19 7184
今天在项目中看到了用这个方法封装的检测数据类型的工具。但是浏览器搜索相关原理的好回答凤毛麟角，故而想记录一下，万一可以帮助到更多的新手呢？我的文章都是非常通俗易懂的，因为我写文章的时候，都是根据一个前提，假如我是刚开始学习js的新手，别人如果这样讲解这个知识点，那么我也能听懂。我不喜欢那种用专业术语去解释一个知识点凸显自己水平高超的文章，所以我通常采用费曼学习法的方式去记录这些知识点。喜欢的话可以看看我其它文章，对新人极度友好的哟～😊1.我相信大多数人对这个方法有一个误区，包括我，在刚开始学JS的时候，容.
理解Function.prototype.apply.call(fn,thisArg,args)
deping_chen的专栏
11-01 1211
看阮一峰老师的Reflect 有这么一行代码： 有了Reflect对象以后，很多操作会更易读。 // 老写法 Function.prototype.apply.call(Math.floor, undefined, [1.75]) // 1 // 新写法 Reflect.apply(Math.floor, undefined, [1.75]) // 1 Function.prototype....
Function.prototype.apply.call 待解答原理？？？
bounsail
07-28 1381
首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象   代码:console.log   Js代码   var console = window.console || {log: function () {}};    var log = console.log;   console.log = fu
Function.prototype.bind()的使用与实现
SCUhzs
09-16 2341
文章目录Function.prototypebind()的语法一些使用例子返回指定上下文的函数(创建绑定函数)内定参数（偏函数）在事件中使用bind闭合作用域（配合 `setTimeout`）作为构造函数使用的绑定函数快捷调用手动实现一个bind()参考资料 Function.prototype Function.prototype.apply() 在一个对象的上下文中应用另一个对象的方法；参数能够以数组形式传入。 Function.prototype.bind() bind()方法会创建一个
Object.prototype.toString.call()原理
WCBandCTZ的博客
04-09 7800
es5文档规范对Object.prototype.toString()的定义： Object.prototype.toString()会返回[object, [[class]]]的字符串,其中[[class]]会返回es定义的对象类型，包含"Arguments", “Array”, “Boolean”, “Date”, “Error”, “Function”, “JSON”, “Math”, “Number”, “Object”, “RegExp”, 和 “String”；再加上es5新增加的返回[ob..
Function.prototype.apply()与Function.prototype.call()小结
10-22
在JavaScript中，`Function.prototype.apply()` 和 `Function.prototype.call()` 是两种非常重要的方法，它们用于在不同的上下文中调用函数，并允许我们灵活地传递参数。这两个方法的主要区别在于处理参数的方式，但...
Function.prototype.call.apply结合用法分析示例
09-05
var a = Function.prototype.call.apply(function(a){return a;}, [0,4,3]); alert(a); ``` 1. `Function.prototype.call` 方法允许我们调用一个函数，并可以指定`this`的值。它的基本形式是 `fun.call(thisArg, ...
浅谈javascript的Array.prototype.slice.call
10-23
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
Object.create 实现原理
前端大菜鸟的博客
03-26 2537
Object.create 方法说明 Object.create()方法创建一个新的对象，并以方法的第一个参数作为新对象的__proto__属性的值（以第一个参数作为新对象的构造函数的原型对象） Object.create()方法还有第二个可选参数，是一个对象，对象的每个属性都会作为新对象的自身属性，对象的属性值以descriptor（Object.getOwnPropertyDescript...
Object.assign 实现原理
前端大菜鸟的博客
03-26 909
Object.assign 方法说明 Object.assign()用于将对象自身所有的可枚举属性从一个或者多个源对象上复制到目标对象 源码的关键点在于 该方法的原理比较简单，实现的关键点在于理解 ”方法说明“ 中的内容，对照下面的源码内容和注释，即可理解和实现 源码 Object.myAssign = function (target, ...src) { for (let i = ...
instanceof 实现原理
前端大菜鸟的博客
03-26 521
instanceof 方法说明 判断指定构造函数的原型对象是否出现在指定对象的原型链上 示例 function Test (name) { this.name = name this.log = function () { console.log(this.name) } } const t = new Test() // 判断对象t是否是另一个对象（Test）的实例 /...
new 运算符实现原理
前端大菜鸟的博客
03-26 411
new 运算符 方法说明 new运算符会创建一个用户自定义对象类型（就是自定义函数、或者说构造函数）的实例或具有构造函数的内置对象（比如：Number、String等原生对象）的实例，具体的过程如下： 创建一个空对象，{} 将第一步的空对象链接到另一个对象（new操作符后面跟着的构造函数的原型对象） 将第一步创建的对象作为构造函数的this上下文 返回对象实例，如果构造函数有返回对象，则对象实...
Function.prototype.bind 实现原理
前端大菜鸟的博客
03-26 342
Function.prototype.bind 方法说明 作用同call和apply一样，在指定对象上执行指定方法，不同点在于： 1、bind返回的是一个可执行函数 2、通过bind实现偏函数 源码关键点在于 1、闭包：缓存bind方法的参数（上下文对象和参数列表） 2、返回可执行函数 3、可执行函数的内部通过apply方法实现对象和方法的绑定 4、偏函数的关键在于闭包（缓存bind方法的参...
Call apply属于function.prototype的方法
最新发布
07-17
在JavaScript中，call和apply都是Function.prototype对象的方法。这意味着每个函数对象都可以使用call和apply方法。 Function.prototype是JavaScript中所有函数对象的原型对象。原型对象是一个特殊的对象，它包含了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值