深入理解call、applay和bind

最新推荐文章于 2023-02-07 11:00:12 发布
最新推荐文章于 2023-02-07 11:00:12 发布
阅读量3.5k 收藏 12
点赞数
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42098339/article/details/89741562
版权
本文详细探讨了JavaScript中call、apply和bind方法的原理和使用场景。它们都用于改变函数执行时的上下文(this)。call直接传递参数，apply以数组形式传递参数，bind则返回一个新函数保留指定的this并可延迟执行。在非严格模式下，未指定this时，默认为window，在严格模式下则为undefined。
摘要由CSDN通过智能技术生成

这三个方法都是用来改变某一个函数this关键字指向的

  • call
    当前实例通过原型链的查找机制，找到Function.prototype上的call方法 =》function call() { [native code] }
    fn.call(): 把找到的call方法执行
    当call方法执行的时候，内部处理的事情
    => 首先把操作函数中的this绑定为第一个参数
    => 把call方法第二个及第二个以后的实参获取到
    => 把要操作的函数执行，并且把第二个以后的传递进来的实参传给函数
    call原理:
Function.prototype.call = function(a, 20, 30){
   
	let par
最低0.47元/天 解锁文章
神三元
关注
专栏目录
前端面试系列-JavaScript-call、applay、bind的区别及代码实现
LYFlied的博客
03-24 3335
call、applay、bind的区别及代码实现 call 和 apply 的主要作用，是改变对象的执行上下文，并且是立即执行的。它们在参数上的写法略有区别；bind 也能改变对象的执行上下文，它与 call 和 apply 不同的是，返回值是一个函数，并且需要稍后再调用一下，才会执行。 一、call call模拟实现 二、applay applay模拟实现 三、bind bind模拟实现 应用场景 1.对象的继承 2.借用方法 3.Math.max||Math.min 4.数组合并
call、bind、applay
qq_53761321的博客
03-10 327
call 和 applay 作用差不多传递的第二个参数不同 call() 方法分别接受参数。 apply() 方法接受数组形式的参数。 A.call( B,x,y )：就是把A的函数放到B中运行，x 和 y 是A方法的参数。 将minus指向改为了add // 将指向 minus1 的指向改为 add1 将代码在add1中执行 function add (x, y) { console.log (x + y); } function minus (x, y) { consol
【优雅代码】深入浅出 妙用Javascript中apply、call、bind
u013114078的博客
09-26 749
apply、call  在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子： 1 2
call、apply、bind详细讲解
m0_60273757的博客
12-07 1522
call、apply、bind详细讲解,从小白的思维出发，更加好理解！
applay()、call()、bind()三者的异同点
小白前端
02-07 1370
applay()、call()、bind()三者的异同点
手写 call、apply 及 bind 函数
weixin_47450807的博客
02-26 4657
手写 call、apply 及 bind 函数
Js中的apply、call和bind方法
weixin_45693198的博客
09-21 2590
背景 JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。 而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。 Apply，Call 参考资料 ...
详解JS中关于call、apply和bind的实现（源码实现）
A20201130的博客
02-10 1459
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点： 1.都是用来改变函数的this对象的指向的； 2.第一个参数都是this要指向的对象； 3.可以利用后续参数传参； 区别： bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。 call()方法和apply()方法的作用相同，区别仅在于接受参数的方式不同。 一、call的源码
call()、apply()、bind() 区别、使用场景、实现方式
Lyrelion的博客
11-19 2315
call()、apply()、bind() 区别、使用场景、实现方式
call() ,bind(), applay()调用
胖胖的博客
07-19 282
call,bind,applay都是更改this指向的 call的使用： call在使用时直接是obj.call(this,'arg1','arg2') 不用使用“（）”调用 call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了： ...
call()、applay()以及bind()三者之间的区别？
qq_35165469的博客
01-13 5720
它们三个作用都是用来强制绑定this指定的对象，但是在使用语法和使用场景上有着不同之处； 一：首先，说一下使用语法上的问题： 1、call（obj，param1，param2，param3······） 参数说明： obj：指定的对象 param：指定的对象中所带有的参数 注：参数之间用逗号隔开。 2、applay（ob...
手把手教你写call、apply、bind函数，深入理解bind函数的细节
gentleman_sh的博客
10-13 1082
call、apply、bind是什么？ 在javascript中，call、apply、bind是标准提供的改变函数执行上下文的方法，白话就是改变this的指向。区别在于： call和apply都是调用后立即返回结果，而bind是调用之后返回一个函数，二次调用返回结果 call第一个参数为目标对象，其余参数依次传入fn.call(obj, arg1, arg2…) apply第一个参数为目标对象，第二个参数为一个数组fn.apply(obj, [arg1, arg2…]) bind的绑定函数还可以作为构造
How-to: call() , apply() and bind() in JavaScript
welchlam的博客
12-28 147
From: https://www.codementor.io/niladrisekhardutta/how-to-call-apply-and-bind-in-javascript-8i1jca6jp   In this post, we will be discussing the difference between call(), apply(), and bind() methods...
bind和call区别是什么？
qq_42931285的博客
09-05 2037
在调用bind的过程中本身不会执行函数，会返回函数 ，函数在调用call过程中本身会执行 function Person(name,age){ name ='周冬雨'; age= 18; console.log(this.name); console.log(this.age); } let obj={ name:"马冬梅", age:19, } Person.call(obj,"周冬雨",18) 相信对于call我们已经很熟悉了，就是改变this指向，在调用c
手撕JavaScript call apply bind 函数
eyes++的博客
10-21 280
call ，apply ，bind ，是 js中非常重要的三个函数原型上的方法，其作用都是改变this的指向： call函数 call函数语法： Fun.call(Obj[, para...]); 即第一个参数是this的指向，之后的参数都会作为实参传给新函数。 示例代码如下： function Fn(para1, para2) { console.log(this.clothes); this.clothes = "nihao"; console.log(this.clot
javascript 中 call、apply、bind 三者的区别？
weixin_43947536的博客
06-01 206
1.call let fn = function(a,b){ console.log(this,a,b); } let obj = {name:"obj"}; (1): 非严格模式 fn.call(obj,1,2); // this:obj a:1 b:2 fn.call(1,2); // this:1 a:2 b:undefined fn.call(); // this:window a:undefined ...
14、call、applay
4911071420313
02-08 259
1、每一个函数都包含两个非继承而来的方法：call、applay这两方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值call、applay的用途之一就是传递参数，但事实上，它们真正强大的地方是能够扩充函数赖以运行的作用域使用call 和 applay 来扩充作用域的最大的好处就是对象不需要与方法有任何的耦合关系// call 和 applay 最简单的用法，绑定一些函...
JS call applay bind 实现
weixin_40629549的博客
03-23 221
call方法实现 const name = "Marry"; function myCall() { const arr = Array.from(arguments); const obj = arr.splice(0,1)[0]; const sym = Symbol('a'); obj[sym] = this...
pandas applay
最新发布
07-23
Pandas是一个强大的数据处理库，专为Python设计，它提供了大量的数据结构和数据分析工具，使得在Python中高效地操作和分析表格型数据变得非常简单。其中最核心的数据结构就是DataFrame，类似于电子表格或SQL表，可以...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值