Function.prototype.call() 自己的深入理解，总结

于 2022-10-07 19:51:33 发布
阅读量203 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30738155/article/details/127197607
版权

定义

某Function.call() 方法
是使用一个指定的 this 值，和单独给出的 参数列表 来调用这个函数。

原理

call 函数是用来改变调用者的this指针。

多说一点：
f.call(obj) 的原理就是把f函数挂载到obj上，执行f.call(obj)的时候，f中的this指向obj。

为什么创造call

为什么会出现call：call和apply是为了动态改变this而出现的，当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作。

六翼炽天使vibi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsthis指向问题： new、apply、call、bind详解
qq_34691738的博客
04-08 158
JavaScript 中的 apply、call 和 bind 方法是前端代码开发中相当重要的概念，并且与 this 的指向密切相关 很多人对它们的理解还比较浅显，如果你想拥有扎实的 JavaScript 编程基础，那么必须要了解这些基础常用的方法。希望通过这一讲的学习，你可以彻底掌握它们。 为了方便你更好地理解本讲的内容，在课程开始前请你先思考几个问题： 1、用什么样的思路可以 new 关键词？ 2、apply、call、bind 这三个方法之间有什么区别? 3、怎样实现一个 apply 或者 call
Function.prototype.call()的使用与实现
SCUhzs
09-15 1513
文章目录Function.prototypecall()的语法一些使用例子找出数组最大值设置函数上下文构造属性继承手动实现一个call()参考资料 Function.prototype Function.prototype.apply() 在一个对象的上下文中应用另一个对象的方法；参数能够以数组形式传入。 Function.prototype.bind() bind()方法会创建一个新函数,称为绑定函数.当调用这个绑定函数时,绑定函数会以创建它时传入 bind()方法的第一个参数作为 this
JavaScript中的 Call 和 Apply
越陌度阡
03-24 5885
1. call 和 apply的区别 Function.prototype.call 和 Function.prototype.apply都是非常常用的方法，它们的作用一模一样，区别仅在于传入参数形式的不同。 apply接受两个参数，第一个参数指定了函数体内 this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可能为类数组，apply 方法把这个集合中的元素作为参数传递给.........
Function​.prototype​.call()
Cure_line的博客
05-15 143
call()方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。 注意：该方法的语法和作用与apply()方法类似，只有一个区别，就是call()方法接受的是一个参数列表，而apply()方法接受的是一个包含多个参数的数组。 语法节 fun.call(thisArg, arg1, arg2, ...) 参数节 thisArg 在fun...
手写系列总结
zwbHUST的博客
03-12 244
1.手写call Function.prototype.call = function(context = window, ...args) { if (typeof this !== 'function') { throw new TypeError('Type Error'); } const fn = Symbol('fn'); context[fn] = this; const res = context[fn](...args); delete context
前端必看：大厂面试题深度解析20发
小若燕雀，亦可一展宏图的博客
03-03 799
今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。本文挑选了20道大厂面试题，建议在阅读时，先思考一番，不要直接看解析。如果您有更好的答案，欢迎给我留言。如果有错误，可以在评论区指出。本文篇幅较长，希望小伙伴们能够坚持读完。 1. new的实现原理是什么？ new 的实现原理: 创建一个空对象，构造函数中的this指向这个...
Function.prototype.apply()与Function.prototype.call()小结
10-22
JavaScript 中，某个函数的参数数量是不固定的，因此要说适用条件的话，当你的参数是明确知道数量时，用 call，而不确定的时候，用 apply，然后把参数 push 进数组传递进去。当参数数量不确定时，函数内部也可以通过...
Function.prototype.call.apply结合用法分析示例
09-05
昨天在网上看到一个很有意思的js面试题：var a = Function.prototype.call.apply(function(a){return a;}, [0,4,3]);alert(a); 分析步骤如下，感兴趣的朋友可以参考下哈
浅谈javascript的Array.prototype.slice.call
10-23
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
Function.prototype.call.apply结合用法
runfeel
07-03 236
昨天在网上看到一个很有意思的js面试题，就跟同事讨论了下，发现刚开始很绕最后豁然开朗，明白过来之后发现还是挺简单的，跟大家分享下！ 题目如下：var a = Function.prototype.call.apply(function(a){return a;}, [0,4,3]);alert(a); 分析步骤如下： 1、将Function.prototype.call当成整体，ca...
javascript Function.prototype.call() 的模拟实现一
JSzilla
11-17 454
1.自定义Function.prototype.myCall方法，模拟call方法的功能 function sum(){ console.log(this); } function fn(){ console.log(this); } Function.prototype.myCall = function (context) { /...
Function.prototype.call 实现原理
前端大菜鸟的博客
03-26 467
Function.prototype.call 方法说明 call() 允许为不同的对象分配和调用属于一个对象的函数/方法。 call() 提供新的 this 值给当前调用的函数/方法。你可以使用 call 来实现继承：写一个方法，然后让另外一个新的对象来继承它（而不是在新对象中再写一次这个方法） 源码的关键点在于 在传递进来的上下文对象中构造一个需要执行的方法，比如： ctx = { fn...
function的prototype
weixin_33800463的博客
01-12 142
prototype只有function才有的属性。 var a = function() { this.age = 12; this.name = "haha"; }; a.prototype = { address: "shanghai", price:13 }; // prototype对象下的属性只有一个实例 ...
前端js面试题
Xiaocong__的博客
01-14 1460
javascript原型与原型链 1. prototype 每个函数都有一个prototype属性，被称为显示原型 2._ _proto_ _ 每个实例对象都会有_ _proto_ _属性,其被称为隐式原型 每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype 3. constructor 每个prototype原型都有一个constructor属性，指向它关联的构造函数。 4. 原型链 获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__pro
call apply的工作机制，ES5的继承,ES6继承
m0_54625720的博客
03-21 241
类与继承 简介： 就是类（构造函数）与类之间相互继承相同属性和方法的，继承的类 叫做“子类”，被继承的叫做“父类”，目的是 减少代码，让子类能够继承父类的代码。 如何继承？ 首先先学一个语法，也就是 call 与 apply 例如下图，普通函数的调用 15行，但是函数本身也有其他两种调用方法，那就是用call applay 调用如下 17行，18行，以下三种调用是等价的 一、 call方法的机制 fn.call() 使用这种方法调用函数，可以改变原函数的this指向（改变本次调用），不传参，this不变
前端面试总结
qq_31965515的博客
10-09 775
 这是我前段时间面试是遇到的一些问题，现在有时间了总结一下，当然这里面有自己的一些认识，也有一些从别人那里copy过来的，希望能给大家的面试带来帮助。   1.Vue的双向数据绑定原理是什么？ 简而言之：         vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消...
Function.prototype.apply.call 待解答原理？？？
bounsail
07-28 1375
首先需要了解apply,call的基本用法,其目的是改变调用方法中的this指向,将其指向为传入的对象   代码:console.log   Js代码   var console = window.console || {log: function () {}};    var log = console.log;   console.log = fu
Function.prototype.apply()
weixin_33747129的博客
02-10 215
于.call()方法相似 唯一的区别就是，它接收一个数组作为函数执行时的参数 function f(x, y){ console.log(x + y); } f.call(null, 1, 1) // 2 f.apply(null, [1, 1]) // 2 复制代码 var a = ['a', , 'b']; var print = (a) => { c...
Function.prototype.bind、call与apply方法简介
weixin_30615767的博客
08-31 138
前言 前段时间面试遇见一题，题目内容大概是 function Parent() { this.prop = 'parent'; } Parent.prototype.get = function() { alert(this.prop); }; Parent.prototype.show = function() { setTimeout(t...
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、付费专栏及课程。

余额充值