前端面试题-call,apply,bind

最新推荐文章于 2025-02-19 18:55:08 发布
原创 最新推荐文章于 2025-02-19 18:55:08 发布 · 186 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了JavaScript中函数的三种调用方式：call、apply和bind，包括它们的使用语法和应用场景。call和apply主要区别在于参数传递方式，两者都会立即执行函数，而bind则返回一个新的函数，不会立即执行。常见应用包括将伪数组转换为数组，以及改变函数的上下文。理解这些概念对于JavaScript开发者至关重要。

文章目录

知识点

1 call用法
function.call(thisArg, arg1, arg2, …)
2 apply用法
func.apply(thisArg, [argsArray])
3 bind用法
function.bind(thisArg[, arg1[, arg2[, …]]])

面试题

1 相同点及不同点

  1. call.apply会立即执行，bind不会立即执行
  2. call,apply传参不同

2 常用应用方法

  1. 将伪数组转成数组（说白了就是把数组的方法给伪数组去调用）

推论及注意事项

无

前端面试高频题——手撕call()、apply()和bind()函数代码，了解函数this的默认绑定、隐式绑定、显示绑定
Concise200的博客
03-13 2264
通过这篇文章，你可以了解this的默认绑定、隐式绑定和显示绑定。最主要是你可以手撕call()、apply()和bind()函数代码，拿下一道面试高频题
《前端面试题：call、apply、bind 区别》
最新发布
前端码农的博客
06-12 1093
`call`、`apply` 和 `bind` 正是为此而生的三个强大工具。本文将深入剖析它们的原理、区别和实际应用场景。
call,apply,bind手写面试题
qq_45048536的博客
04-03 1144
目录 前言 一、call实现 二、apply实现 三、bind实现 特点区别 前言 call,apply,bind改变this指向 面试官最喜欢考的题 一、call实现 只要搞清楚this是什么情况就容易理解 function Person(name, price) { this.name = name this.price = price this.msg = function () { console.log('我叫' + this.n..
【面试题】 JavaScript 中 call()、apply()、bind() 的用法
web全栈开发的博客
09-28 486
三者均可以改变函数体内部this的指向。第一个参数都是 this 的指向对象，如果没有这个参数或参数为undefined或null，则this指向全局的window。传参的形式不同，apply的参数要放在数组中传入，call的参数是列表形式（以逗号分割），bind的参数可以是列表形式也可以是数组形式，apply和call是一次性传入，而bind可以分多次传入bind返回的是有指定的this值和初始参数的原函数拷贝，便于稍后调用，apply、call则是立即调用。
面试题准备（八）：call、apply 和 bind
番茄味姜糖的博客
02-24 594
call、apply 和 bind 的主要作用，都是改变当前对象的执行期上下文； 区别是，call 和 apply 是立即执行的，只在参数传递方式上有区别，而 bind 返回一个函数引用，需要加上执行符号才能执行
前端大厂最新面试题-bind_call_apply.docx
06-06
前端大厂最新面试题-bind_call_apply _bind、call、apply 是 JavaScript 中的三个函数方法，用于改变函数的执行上下文，即改变函数中的 this 指向。下面我们将详细讲解这三个方法的使用和区别。 作用 _bind、call...
面试题之介绍下call，apply，bind相同点和不同点
qq_44062823的博客
02-19 398
call`、`apply` 和 `bind` 是 JavaScript 中用于改变函数执行时 `this` 指向的方法。- **`call`** 和 **`apply`** 用于立即执行函数，区别在于参数传递方式。- `bind`：接受一个 `this` 值和一系列参数，返回一个新函数，不立即执行。1. **改变 `this` 指向**：三者都可以改变函数执行时的 `this` 指向。- `bind`：返回一个绑定了 `this` 和参数的新函数。- **`bind`** 用于创建一个新函数，稍后调用。
前端面试题-2018年1
08-08
`bind`返回一个新的函数，`apply`和`call`则立即执行函数，其中`apply`接受数组作为参数，`call`则逐个传递参数。 3. **技术选型**：考虑的因素包括项目需求、团队技术栈、性能、可维护性、社区支持等。例如，...
前端面试题：bind，call和apply的区别
热门推荐
jiang7701037的博客
08-21 1万+
一、文字描述： 1、相同点： 三个函数都会改变this的指向（调用这三个函数的函数内部的this） 2、不同点： 1)、bind会产生新的函数，（把对象和函数绑定死后，产生新的函数） 2)、call和apply不会产生新的函数，只是在调用时，绑定一下而已。 3)、call和apply的区别，第一个参数都是要绑定的this，apply第二个参数是数组（是函数的所有参数），c...
前端面试题(1) ,call apply bind
qq_59076775的博客
12-07 436
(1)call、apply、bind三者的异同 共同点 : 都可以改变this指向; 不同点: call 和 apply 会调用函数, 并且改变函数内部this指向. call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递 bind 不会调用函数, 可以改变函数内部this指向. 应用场景 call 经常做继承. apply经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值 bind 不调用函数,但是还想改变this指向. 比如改变
手写call、apply、bind及相关面试题解析
weixin_34194702的博客
01-18 896
它们有什么不同？怎么用？ call 接收多个参数，第一个为函数上下文也就是this，后边参数为函数本身的参数。 let obj = { name: "一个" } function allName(firstName, lastName) { ...
call、apply、bind使用及一道经典面试题
weixin_45412353的博客
07-22 1136
call ，apply ，bind ，是 js中非常重要的三个函数(Function)原型上的方法，我们来学习一下这三个方法。原型上的方法，我们需要通过实例来创建，意思就是我们需要先创建一个函数，通过关键字function 一、call call( ctx, …args) ctx ： 执行函数需要改变的this对象 ; args： 执行函数需要传入的参数 我们来看一下call的基本使用 function fn(name) { console.log(this, name); // window 张三
java面试——面试题（Integer 装箱）
小十木的博客
06-01 316
一道面试题引发的血案 传值方式： 1：按值传递 2：按引用传递 通过反射方式 通过perivate final 修饰的value 是不可以修改的。 类中的私有成员是不能通过反射直接来赋值的。 此时还是不行，a 的值改变了，b 的值没改变 。 int 装箱 ，Integer.valueOf() Integer 中存在IntegerCache,他的范围是-127 ~128. 这样还是不行~~~~ 不进行装箱，直接new一个新的对象就可以了 ...
前端面试常考题—手写call、apply和bind
前端学习笔记
07-05 307
JavaScript——实现call、apply和bindapply满足条件代码call满足条件代码bind满足条件代码 apply 满足条件 1.把第一个参数绑定到调用myApply的function运行时的this； 2.第二个参数应与调用myApply的function的arguments内容一致； 3.严格模式和非严格模式第一个参数为null或undefined时情况要与apply函数一致； 代码 Function.prototype.myApply = function(){ var conte
JavaScript中关于call函数的一道面试题
ahiai的博客
04-20 614
来看一道面试题： ``` functionfn1(){console.log(1);} functionfn2(){console.log(2);} fn1.call(fn2);//分析:fn2.$fn=fn1;然后执行fn2.$fn()相当于执行fn1(),输出1 fn1.call.call(fn2);//相当于调用fn...
前端面试题:bind,call,apply的相同点和不同点
业余前端的职业经历
02-22 845
1.这个问题 在面试中还是比较常问的，本人之前也被问过 ,虽然最后回答上来了,但总觉得差强人意, 其实面试官 就想听里面核心的部分，但是我们要向提升技术 就必须 搞懂这三个的区别,而不是仅仅知道是怎么回事 很多都知道 它们三个是 更改当前作用域中的this指向的 这应该是最明显的相同点了 ...
this, bind,call,apply 面试题
月光恋九霄的博客
03-16 336
了解 this 嘛，bind，call，apply 具体指什么 它们都是函数的方法 call: Array.prototype.call(this, args1, args2]) apply: Array.prototype.apply(this, [args1, args2]) ：ES6 之前用来展开数组调用, foo.appy(null, [])，ES6 之后使用 ... 操作符 New 绑定 > 显示绑定 > 隐式绑定 > 默认绑定 如果需要使用 bind 的柯里化和 app
前端面试题-深拷贝、浅拷贝
李卓书
06-17 1155
文章目录知识点面试题推论及注意事项 知识点 前置条件：深浅拷贝主要是针对引用类型数据，基本数据类型都是深拷贝 浅拷贝：拷贝的数据在值更改后，会影响原来的数组或者对象 深拷贝：拷贝的数据在值更改后，不会影响原来的数组或者对象 面试题 说说深拷贝和浅拷贝的区别 举例说明深拷贝： 可见，简单的等于，是浅拷贝 var obj1 = { name: "小王", age: 13, info: { parents: "父亲",
前端面试题：手写bind函数及应用解析
在前端开发面试中，手写代码是一项关键技能，特别是对于`bind`、`call`和`apply`这些基础但重要的函数。`bind`函数是JavaScript中的一个方法，主要用于设置函数内部`this`的值，并允许预先设定函数的部分参数。这在...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

李卓书

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

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

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

打赏作者

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

抵扣说明：

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

余额充值