call、apply、bind的基本概念

最新推荐文章于 2025-06-06 01:31:59 发布
最新推荐文章于 2025-06-06 01:31:59 发布
阅读量85 收藏
点赞数
分类专栏： web前端开发 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_27104997/article/details/123787234
版权
本文介绍JavaScript中call、apply及bind方法的功能与使用方式，这些方法不仅可以用于调用函数，还能改变函数内部this的指向。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

call和apply可以调用函数 。

call 和apply和bind可以改变this的指向

用法 ：

call(绑定对象，param,param,param);

bind(绑定对象，param,param,param);(不会调用函数)

apply(绑定对象，[param,param,param])

call、apply、bind的基本概念（JavaScript）
qq_42529941的博客
11-27 93
function fun(){ console.log(this.name); } let cat = { name:"喵喵" } //call可以调用函数，可以改变函数中的this指向 fun.call(cat) 2. let dog = { name:'旺财', sayName(){ console.log("我是"+this.name); }, e...
JavaScript 中的 call、apply、bind的基本概念
后端开发，记录学习心得
04-09 377
文章目录引言callapplybind方法 引言 声明：本文章来源与bilibili up主：晓舟报告 call call、apply、bind三个方法，学会一个，其他两个便也很容易明白。 call是一个方法，函数的方法。 1.call 可以调用函数 function func(){ console.log("hello world") }; func.call();//输出 hello world 2.call可以改变函数中this的指向 example 1： function func(){ co
call，apply和bind详解
GuoZebin的博客
10-23 270
call，apply和bind的作用都是改变this指向，但使用方法不同。 一.call和apply call和apply其实是同一个东西，区别只有参数不同，call是apply的语法糖，所以就放在一起说了，这两个方法都是定义在函数对象的原型上的（Function.prototype），call和apply方法的作用都是改变函数中的this指向，第一个参数传入一个对象，然后传入函数执行所需的参...
前端基础：call、apply、bind的基本概念
郭宇的博客
06-26 1272
call apply bind
call、bind、apply的理解
weixin_49920110的博客
05-26 357
call、bind、apply的来源 call、apply和bind方法其实都是继承自function.prototype中，属于实例方法。 console.log(Function.prototype.hasOwnProperty('call')); console.log(Function.prototype.hasOwnProperty('apply')); console.log(Function.prototype.hasOwnProperty('b
手写apply/call和bind
xiaobangkeji的博客
02-10 312
手写apply/call和bind
实现 call apply bind
呵呵，到处看看
02-07 827
// 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 } //传
call apply bind 区别与联系
weixin_47075145的博客
08-25 708
分析：Math.max(1,36,2,7,321)这种可以得到最大值，但是是求数组中最大值，所以可以想到apply的第二个参数要求是数组来解决。分析：这里this指向的是btn,因为是给btn绑定的点击事件，但是如果想让this指向 h1，然后点击按钮，打印出h1的id的话，就需要改变this指向。分析：可以实现 this指向 h1，也实现了 点击按钮，打印出h1的id。分析：可以实现 this指向 h1，但是实现不了 点击按钮，才打印出h1的id。eg：数组 [1,36,2,7,321] ,求其最大值？.
call ,apply和bind方法 详解
热门推荐
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
手写 call、apply 及 bind 函数
weixin_47450807的博客
02-26 4822
手写 call、apply 及 bind 函数
原生JS实现 call apply bind
01-08
call apply bind 的 作用 都是用来改变this的指向，在平时工作过程中，除了实现对象的继承，在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定...
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
JavaScript必知必会(十) call apply bind的用法说明
10-22
在JavaScript中，`call`, `apply`, 和 `bind` 是函数对象的三个核心方法，它们都与函数调用时的上下文（`this` 的值）以及参数传递有关。理解这三个方法是深入学习JavaScript的关键。 1. **call()**： - `call()` ...
JS ?? 运算符
海天鹰
06-03 300
如果左侧的值是 null 或 undefined，返回右侧的值；否则，返回左侧的值。
前端表单验证进阶：如何使用 jQuery.validator.addMethod() 编写自定义验证器(全是干货，建议收藏)
m0_56259289的博客
06-04 372
本文介绍如何使用 jQuery.validator.addMethod() 创建自定义表单验证方法。通过一个“禁止时间为 00:00”的案例，详细讲解验证函数的编写、错误信息处理、封装技巧及最佳实践。适用于需要扩展 jQuery Validation 插件的场景，帮助开发者实现更灵活的表单验证逻辑，提升前端开发效率与代码复用性。
前端node项目——gif实时生成倒计时（30s内）
最新发布
编程知识分享，主打前端
06-06 57
node实现api返回gif实时倒计时
javascript 原型链与继承机制的深度解析
爱分享的程序员
06-05 898
JavaScript的原型链与继承机制是其面向对象编程的核心。本文从四个维度深度解析：首先介绍原型概念，每个对象都有[[Prototype]]指向原型对象；其次讲解原型链工作原理，通过多层级继承示例说明属性查找过程；然后详细分析五种继承实现方式，包括原型链继承、构造函数继承、组合继承、寄生组合继承以及ES6的Class语法糖；最后通过流程图阐明构造函数与原型的关系，解释原型链查找规则和共享方法机制。文章结合代码示例与图示，系统性地展示了JavaScript继承体系的实现原理与应用场景。
SpringBoot+vueJS的酒水销售管理系统的设计与实现的设计与实现“
mr_lili_111的博客
06-03 721
本论文针对酒水销售行业信息化管理需求，设计并实现了一套基于 SpringBoot 和 VueJS 的轻量化销售管理系统。通过前后端分离架构，结合 MySQL 数据库和 ElementUI 组件库，实现了商品管理、订单处理、库存预警、数据分析等核心功能。系统采用微服务思想优化业务流程，通过 Swagger 接口文档实现前后端高效协作，最终通过压力测试验证了系统的稳定性和可扩展性。
JS将数字类型转为字符串类型的常见方法
qq_52006958的博客
06-03 176
JavaScript将数字转换为字符串的四种方法：1）toString()方法直接转换；2）String()函数强制类型转换；3）模板字面量${num}自动转换；4）使用加号运算符与空字符串拼接（num+''）。这些方法都能将数字123转换为字符串"123"，并通过typeof验证转换结果。每种方法都简单易用，可根据不同场景选择合适的方式。
call apply bind异同
11-19
`call()`, `apply()`, 和 `bind()` 都是 JavaScript 中用于函数操作的重要方法，它们的主要目的是改变函数的执行上下文或传递参数的方式： 1. **call()**: 这个方法接收两个参数，第一个是要修改为的新上下文（this），第二个是一个数组或者点表示法的对象和剩余参数列表。它会设置这个新上下文，并按顺序传递给函数。 ```javascript function sayHello(name) { console.log(`Hello, ${name}!`); } sayHello.call({ name: 'John' }); // 输出 "Hello, John!" ``` 2. **apply()**: 类似于 `call()`, 但是接受两个参数，一个是上下文，另一个是一个数组，所有参数作为单独元素放入数组。这样可以更方便地一次性传递多个参数。 ```javascript sayHello.apply(null, ['Alice', 42]); // 输出 "Hello, Alice!" ``` 3. **bind()**: 返回一个新的函数，它的 `this` 被绑定到提供的上下文中，并且预先设置了部分参数。当这个新的函数被调用时，不会改变 `this`，但保留了被绑定的参数。 ```javascript const boundSayHello = sayHello.bind({ name: 'Charlie' }); boundSayHello(); // 输出 "Hello, Charlie!" ``` **异同点**: - `call()` 和 `apply()` 主要区别在于传递参数的方式，`apply()` 提供了一个数组来批量传递。 - `bind()` 则侧重于创建一个新的函数实例，保持其初始 `this` 的值不变，适合需要固定 `this` 的场景。 - `call()` 和 `apply()` 可以立即改变函数的行为，而 `bind()` 创建的是一个新的函数，原函数本身并没有变化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱吃蛋炒饭加蛋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值