JS call、apply、bind方法

最新推荐文章于 2024-11-02 19:19:35 发布
最新推荐文章于 2024-11-02 19:19:35 发布
阅读量200 收藏 1
点赞数 2
分类专栏： JS笔记 文章标签： javascript ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xy_is_fhh/article/details/122025465
版权

三个函数都是改变this指向的方法，用于将另一个对象作为参数调用对象方法。

call()  👇

 apply()  👇

apply和call基本一致，唯一区别传参方式，参数是数组形式

bind()  👇

bind语法和call一模一样，区别在于立即执行还是等待执行

call、apply、bind的巧妙用法

1.求数组的最大项和最小项

2.求和函数

夏大爷耶耶耶
关注
专栏目录
Js中的apply、call和bind方法
weixin_45693198的博客
09-21 2628
背景 JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。 而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。 Apply，Call 参考资料 ...
原生JS实现 call apply bind
01-08
call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向，之后的参数以，隔开 如需...
js中call,apply和bind方法
yytasty的博客
04-13 190
this的口诀：this指向调用该函数的对象。 call，apply，bind就是为了改变函数里面this的指向而存在的 1. call函数 语法 :任意函数.call(任意对象，参数1，参数2…) 特征：call能调用函数，后面可传入多个参数，用逗号隔开 价值：任意对象 都能调用 任意函数（功能） var box = document.querySelector('#box'); ...
JS中call,apply,bind方法
红叶落水的博客
04-20 2506
红叶何时落水 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
JavaScript中apply，call和bind方法
CSPsy的博客
03-20 1763
JavaScript call, apply , bind方法 JS call 方法，JS apply 方法，JS bind方法 call,apply 和 bind方法的区别 call, apply 和 bind的使用 手写 bind方法
call ,apply和bind方法 详解
热门推荐
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
JavaScript进阶 —— 深入理解 call，apply 和 bind
金戈鐡馬
03-28 2342
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call。
js实现call、apply、bind方法
guoqkmiss的博客
08-18 575
js实现call、apply、bind方法 一、call 函数的实现步骤： 判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用 call 等方式调用的情况。 判断传入上下文对象是否存在，如果不存在，则设置为 window 。 处理传入的参数，截取第一个参数后的所有参数。 将函数作为上下文对象的一个属性。 使用上下文对象来调用这个方法，并保存返回结果。 删除刚才新增的属性。 返回结果。 // call函数实现 Function.prototype.myCall = function(
Javascript 中 apply、call、bind用法汇总
weixin_44302503的博客
05-30 1541
apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 举个例子： function fruits() {} fruits.prototype = { color: "red", say: function() { console.log("
实现 call apply bind
呵呵，到处看看
02-07 784
// call apply bind 都是 function 原型上的方法 // call 传入 this指向的对象 传入参数 列表 Function.prototype.myCall = function (context,...args){ if (context===null||typeof context === undefined){ context = window //如果 context 传入 null 或 undefined 则 this 指向 window } //传
JS函数call apply bind方法 简单比较
NF_ye的博客
11-08 216
JS函数call apply bind 方法简单比较
Javascript中call，apply，bind方法的详解与总结
10-20
首先，我们来探讨call、apply和bind方法的来源。这三个方法都是Function原型对象（Function.prototype）上的实例方法，因此，所有继承了Function原型的普通对象、函数甚至是数组都可以使用这三个方法。这是因为在...
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 279
关于react hooks的一些知识与应用
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
weixin_52173250的博客
10-30 1134
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
JavaScript 生成二维码
qq_30049249的博客
11-02 129
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
基于Mysql、JavaScript、PHP、ajax开发的MBTI性格测试网站（前端+后端）
2302_79553009的博客
10-29 1435
本项目旨在构建一个基于MBTI（迈尔斯-布里格斯性格分类指标）理论的在线平台——“16Personalities”。该平台利用PHP、MySQL、JavaScript等技术栈开发，旨在帮助用户更好地理解和运用MBTI理论来评估个人性格类型，并应用于职业规划、团队建设和人际交往等多个方面。用户端功能 包括账号注册与登录、在线性格测试、性格类型浏览、团队评估及在线交友等模块。用户可以通过完成性格测试来获得详细的MBTI性格分析，并通过平台提供的功能与其他具有不同性格类型的用户互动。
echarts 遍历多个图表，并添加resize缩放
licongmingli的博客
10-30 224
遍历echarst多个图表，并添加独立的缩放函数
基于SpringBoot+Vue的快递物流信息查询系统设计与实现【前后端分离】
最新发布
m0_67428300的博客
11-02 807
随着电子商务的快速发展，快递物流系统的重要性愈发突出。针对用户对快递信息的实时查询需求，本系统结合Spring Boot和Vue技术，设计并实现了一个高效、易用的快递物流信息查询系统。系统实现了用户信息管理、订单查询、物流跟踪等功能，用户可通过简单操作即可查询快递状态，实现信息的实时展示。本快递物流信息查询系统基于Spring Boot与Vue的开发，前后端分离架构提升了系统的扩展性和开发效率。
重构call apply bind方法
01-12
以下是重构call、apply、bind方法的示例： 1. 重构call方法： ```javascript Function.prototype.myCall = function(context, ...args) { context = context || window; const fn = Symbol(); context[fn] = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值