JS基础篇-bind,call,apply

最新推荐文章于 2022-11-03 20:58:49 发布

大彪丶

最新推荐文章于 2022-11-03 20:58:49 发布

阅读量302

点赞数

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/jinbiao8246/article/details/105292873

版权

本文主要探讨JavaScript中call、apply和bind的区别与用法。call和apply是apply的一个语法糖，它们的主要区别在于参数传递方式。bind方法用于将函数绑定到特定对象，确保函数内部的this始终指向绑定的对象。通过示例和手写bind的实践，深入理解这三个方法的运用。

摘要由CSDN通过智能技术生成

说在前面

我们要先明确其实call和bind就是apply的一个语法糖

call和apply

apply和call的用法基本一致，唯一不同在于参数

function func(a, b) {
   
  console.log(`a为${
     a},b为${
     b},name为${
     this.name}`);
}
func.call

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大彪丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js中bind、apply的源码解析

web_ghr的博客

12-16

667

js中bind、apply的源码解析bindapply bind bind也是处理this指向的，但是它是预处理this的指向，函数调用之后，只是预处理了里面的this，不会像call一样自动让fn执行；要想让fn执行，我们需要再次调用它的返回值： let obj = { name: 1 }; function fn(x,y) { console.log(this,x,y); // { name: 1 } 1 2 } var res=fn.bind(obj,1,2); re

js bind call Apply

雪落凡尘

07-16

128

Function.prototype.myBind = function() { let self = this //保存一份对象 let context = [].shift.apply(arguments) //取参数首个元素，即新对象 let outArgs = [].slice.call(arguments) // 取剩余参数，即绑定方法传入参数，封成数组 return function() { let inArgs = [].slice.call(arguments) // 封.

参与评论您还未登录，请先登录后发表或查看评论

JS apply 、call和bind

05-21

132

JS当中的call 、apply、和bind 这三个方法都是js function当中自带的方法，用来改变this的指向。 call()方法语法格式: fun.call(thisArg[,arg1[, arg2[, ...]]]) 该方法可以传递一个thisArgs参数和一个参数列表，thisArgs指定了函数在运行期的调用者，也就是函数中的this对象，而参数列表会被传入调用函数...

JS中的bind()方法

weixin_39214481的博客

11-02

3786

Function.prototype.bind()方法 bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj 例子 var a = { b : function(){ var...

js 实现 bind call apply

I_m_Groot的博客

04-05

325

js实现 bind call apply 很多面试题上都提到使用 js 实现 bind call apply, 于是稍微尝试了一下，在此记录一下 bind 对于 Function.prototype.bind 这个方法，就是改变函数的上下文环境，并返回一个新函数，原函数不受影响。先看我实现的代码： var obj = { name: 'dcw' }; function fn (a, b...

JS篇 - 实现new、call、apply、bind、深拷贝、EventHub、promise、reduce、instanceof

qq_42828458的博客

08-05

188

手写bind 用法：把新的this绑定到某个函数func上，并返回func的一个拷贝。使用：let boundFunc = func,bind( thisArg [, arg1 [, arg2 [, ...argN]]] ) 实现： 1.初级：优点：只使用ES6新语法，代码简洁；缺点：不兼容IE等古老者 function bind_1(asThis , ...args) { const fn = this; //这里的this 就是调用bind的函数 func return function(..

最全前端面试题-4（js篇-上百篇题集整理1个月）

05-04

在前端面试中，JavaScript是必不可少的部分，涉及到许多基础和进阶知识点。以下是对这些知识点的详细解释： 1. **类型转换**：强制类型转换包括`Number()`, `String()`, `Boolean()`，隐式类型转换则包括上下文环境...

javascript基础知识完整笔记--------权威指南基础篇

斗师——Ace

10-11

996

（一）JS初次使用； 1.搭建JS开发环境；（1）在控制后台输出：console.log()。（2）在HTML页面输出： 1）.html页面元素事件中输出，如onclick=""； 2) .通过<script>在这里输出JS代码</script>,并且script可存在html任意标签位置。 ...

JavaScript基础-this-丢失绑定对象

weixin_42370640的博客

07-10

835

函数绑定丢失 “this”解决方案 1：包装器解决方案 2：bind便捷方法：bindAll偏函数（Partial functions）被忽略的this总结任务作为方法的绑定函数二次 bindbind 后的函数属性修复丢失了 "this" 的函数当将对象方法作为回调进行传递，例如传递给 setTimeout，这儿会存在一个常见的问题：“丢失 this”。在本篇中，我们会学习如何去解决这个问题。丢失 “this” 我们已经看到了丢失 this 的例子。一旦方法被传递到与对象分开的某个地方 —— this

JS bind()方法、JS原生实现bind()

thlzjfefe的博客

11-09

928

JS bind()方法、JS原生实现bind() puxiaotaoc关注 12018.09.09 00:50:08字数 134阅读 29,413 一、arguments的含义 // arguments 是一个对应于传递给函数的参数的类数组对象 function a(){ console.log(arguments); } a(); // Arguments [c...

JS中的bind，apply与call

qq_45772348的博客

04-09

158

概要 call、apply、bind 都是用来修改函数中的this，传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined。 bind是改变this后返回一个新的函数，他不会立即执行。这三个方法不会改变原方法的this的指向。 Bind 复制原方法传入新的this指向后生成新方法，参数可传多个。 let a = { name: "小明", play: function(name)

原生js实现bind,call,apply (一)

@不喝海之言@

12-16

236

使用原生JavaScript模拟实现：bind call apply 。首先，这三者都是用来改变this指向的，相信大部分人对于bind的使用都不陌生，对于另外两个若有不懂的可以去看我的博客：JavaScript中的call()和apply() 举个例子： this.name = 81; var obj = { name: 9, getName:function(){ console.log(this.name); } } obj.getName(); // 输

浅谈js中的 bind apply call

qq_52501846的博客

04-22

200

浅谈js中的 bind apply call 浅谈js中的 bind apply call，但实际上这些都离不开 this，因此本文将着重讨论 this，在此过程中分别讲解其他知识点。注意：本文属于基础篇，如果你已经对本文相关知识点已经很了解了，那么可以跳过本文。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下 1. this 指向的类型刚开始学习 JavaScript 的时候，this 总是最能让人迷惑，下面我们一起看一下在 JavaScript 中应该如何确定 this 的指向。

JS手写bind()和apply()实现

cyj5201314的博客

05-02

409

function sum (a, b, c) { console.log(this) return a + b + c } // 把bind挂在函数对象的构造函数的原型对象上面 Function.prototype.newBind = function (context) { // 首先获取到当前上下文，即原函数 const _this = this // 获取到要修改的上下文this const newThis = context // 返回一个函数 return fun

一文学会js里bind方法的模拟实现，掌握bind、apply和bind区别和用法

陈坚泓的博客

03-06

421

一文读懂js里bind方法的模拟实现bind返回函数的模拟实现传参的模拟实现构造函数效果的模拟实现构造函数效果的优化实现最终代码推荐阅读你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特《人生果实》经典语录 bind 一句话介绍 bind: bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN ) 由此我们可以首先得出bind 函数的两个特点：返回一个函数可

js实现bind函数