Js中的apply、call和bind方法

最新推荐文章于 2022-11-30 11:01:08 发布
最新推荐文章于 2022-11-30 11:01:08 发布
阅读量2.5k 收藏 5
点赞数 1
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45693198/article/details/120401633
版权

背景

JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。

而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。

Apply，Call方法

apply和call的作用：

let student1 = {
   
	name: '张三',
	say() {
   
		console.log('M
最低0.47元/天 解锁文章
知白守黑_
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS之call、apply、bind的区别与实现
Web_boom的博客
09-27 1364
最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
js call,apply和bind区别和使用场景
gqk01的博客
03-04 4056
在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。 this指向 = 谁调用，指向谁（这是错误的！！！）this永远指向最后一个调用它的那个对象（正解） 如何解决this指向问题？ 1.使用ES6中箭头函数 2.函数内部使用_this = this 3.使用
js中call,apply,bind如何使用，使用场景及区别
qq_40868156的博客
11-30 1458
call,apply,bind 怎么使用，有什么区别，call,apply,bind使用场景，手写 call,apply,bind, call,apply,bind区别
js中bind、call、apply函数的用法
chelen_jak的专栏
11-26 734
转自：http://rangercyh.blog.51cto.com/1444712/1615809?utm_source=tuicool&utm_medium=referral 最近一直在用 js 写游戏服务器，我也接触 js 时间不长，大学的时候用 js 做过一个 H3C 的 web的项目，然后在腾讯实习的时候用 js 写过一些奇怪的程序，自己也用 js 写过几个的网站。但真正大规模
js函数bind、call和apply
不会唱杰伦
10-26 224
call、apply、bind的区别和联系 在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数传参。 一、call，apply，bind基本用法 面试当中几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
javascript中call apply 与 bind方法详解
10-22
在JavaScript中，`call`、`apply`和`bind`都是与函数调用相关的三个重要方法，它们都允许我们改变函数内部`this`的指向，从而实现不同对象间的方法复用和灵活控制上下文环境。下面我们将分别详细介绍这三个方法。 1...
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
JS中call,apply,bind方法
红叶落水的博客
04-20 2477
红叶何时落水 bind是函数原型对象上的一个方法，用于改变函数的this指向 这个方法会返回一个新函数，新函数可以调用他所绑定的对象的属性。 var name = 'window'; var newThis = { name: 'newThis' }; var showName = (info1, info2) => { console.log(this, info1, info2); } showName('a', 'b'); // 通过bind改变this指向 var newS
原生JS实现 call apply bind
01-08
call apply bind 的 作用 都是用来改变this的指向，在平时工作过程中，除了实现对象的继承，在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定事件，改变this的指向 call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向，之后的参数以，隔开 如需调用该函数，需要再次
【Js apply、call、bind 用法】
iuvc的博客
07-12 275
Js apply、call、bind 用法
js apply、call、bind一篇掌握
在下月亮有何贵干
03-30 1481
apply、call、bind，在js中都是与this指向打交道的，它们又该如何使用呢？本文先介绍apply的用法，然后根据apply的用法引出call、bind的相同点与区别，这样就比较容易记忆。
Javascript中apply、call、bind
seamanwang的博客
08-18 269
apply、call 在javascript中，call和apply都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变数体内部的this的指向。 javascript的一大特点就是，在函数存在【定义时上下文】和【运行时上下文】以及【上下文是可以改变的】这样的概念。 function fruits() {} function fruits() { co
JS函数call apply bind方法 简单比较
NF_ye的博客
11-08 190
JS函数call apply bind 方法简单比较
JS手写实现call、apply、bind(超详细)
CreatorRay的博客
02-22 2832
好久不更新了哦，最近又在找工作。复习一下JS中非常重要的一部分内容，关于this指向的问题 常规的this指向可以简单总结为谁引用就指向谁，找不到谁引用就指向window。 this指向中还有非常重要的一部分，就是改变this指向的方法。原生JS提供了call、apply、bind三种方式来修改this指向，三种方式各有特点，各有应用场景。 在如今的前端面试中，会用call、apply、bind已经达不到要求了，要能够知道原理并手写实现。 原生call的使用 先看一下原生call的使用方式。 funct.
【一篇终结你的困惑】JavaScript中call()、apply()、bind()的区别
热门推荐
Linda的前端开发路
05-17 2万+
call()、apply()、bind()是用来改变this的指向的。一 举个例子一个叫喵喵的猫喜欢吃鱼，一个叫汪汪的小狗喜欢啃骨头，用代码实现如下：var cat = { name:"喵喵", eatFish:function(param1,param2){ console.log("吃鱼"); console.log("this的指向=>"); console.log...
javascript中call()、apply()、bind()的用法终于理解
极客神殿
08-18 1万+
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 　　例1 obj.objAge; //17 obj.myFun() //小张年龄undefined 　　例2 　 　shows() //盲僧　 比较一下这两者this 的差别，第一个打印里面的this 指向obj，第二个全局声明的shows()函数 this 是window ； 1，cal...
JS基础：理解bind,apply和call
yellowpig1210的专栏
03-27 157
call和bind本质上是apply方法的语法糖 一、关联 今天看到一篇手写bind的文章，首先提到绑定隐式丢失的问题，然后提出普遍的解决方法是call和apply function foo() { console.log( this.a); } var obj = { a: 2 }; var bar = function() { foo.call(obj); ...
js中call和apply和bind区别
最新发布
03-17
JavaScript 中的 call 和 apply 和 bind 是 JavaScript 中的函数对象的三个方法。它们的主要作用是改变函数的调用对象。 call: - 与 apply 类似，都是在特定的作用域中调用函数 - 但是传入参数的形式不同，call 是把参数列举出来传入函数 apply: - 与 call 类似，都是在特定的作用域中调用函数 - 但是传入参数的形式不同，apply 是把参数放在一个数组或者类数组里传入 bind: - 与 call 和 apply 的不同之处在于 bind 不会立即调用函数，而是返回一个新的函数，需要在需要的时候再调用，也就是提前指定好函数的执行环境

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值