js 手写实现bind方法

最新推荐文章于 2024-04-28 16:22:04 发布
最新推荐文章于 2024-04-28 16:22:04 发布
阅读量954 收藏 16
点赞数 5
分类专栏： javascript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45532665/article/details/136231928
版权

文章目录

在实现bind方法之前，我们知道call、apply和bind是三个重要的函数方法，它们都与函数调用和this关键字有关。本文将讲解它们之间的使用和区别以及bind的实现思路。

一、call、apply、bind

1.1 call方法

call方法是Function对象原型上的一个方法，它允许你在调用函数的同时显式指定函数的this值，并且可以传递多个参数。

function fn(val) {
   
  console.log(this, val);
}

const
了解本专栏 订阅专栏 解锁全文 超级会员免费看
小钱999
关注
  • 5
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
bind.js ES5的bind手写实现
04-17
ES5的bind手写实现
手写 bind 方法，超级详细
CoderBin的博客
09-17 2550
大家好，我是CoderBin，本次给大家分享 JS 手撕代码系列，bind 方法的实现，希望大家有所收获，谢谢。
【bind()函数】JavaScript手写bind()及详解-超详细~~~
Jennifer0204的博客
04-19 3944
一问搞懂手写bind及其原理~~超详细！
JavaScript深入理解系列（2）：手写bind方法
qq_18599727的博客
04-14 1523
定义 bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 由定义可知，函数调用bind()方法的时候，会返回一个新函数，并且this指向bind函数的第一个参数，简单来表示。 fn.bind(obj对象)执行 返回一个函数，想调用的时候，fn.bind(obj)()这样来执行; 举个例子： var name = '炒米粉'; var obj = { name: '程序员米粉' }; f
【手撕代码系列】JS手写实现bind方法
CreatorRay的博客
05-10 978
公众号：Code程序人生，分享前端所见所闻在JavaScript中，bind方法允许我们绑定函数的上下文并返回一个新的函数。在这篇文章中，我们将手写实现bind方法，以更好地了解它的内部工作原理。
全网最详细手写bind
qq_52648305的博客
08-09 1762
代码】全网最详细手写bind。
js代码-手写bind方法
07-16
下面我们将深入探讨`bind`方法的工作原理以及如何手写实现它。 一、`bind`方法的基本概念 `bind`方法接收一个或多个参数，首先返回一个新的函数，当新函数被调用时，`this`将被设置为`bind`的第一个参数，后续的...
js代码-手写bind
07-14
JavaScript中的`bind`方法是一个非常重要的函数，它允许我们改变函数内部`this`的指向，同时也可以固定函数的参数，创建一个新的函数。在JavaScript中，`this`的值取决于函数的调用方式，而不是定义方式，`bind`就...
12.手写JavaScript bind方法
g841805的博客
04-07 534
bind相比apply和call引入了闭包的思想，重点是正确找到this和arguments。
面试题 手写call apply bind 详细解析
xiaoqin5的博客
03-05 568
手写call apply bind 详细解析 -----面试题
JavaScript系列—手写bind()函数
jiaojsun的博客
06-23 6128
本人在一次面试中，当面试官小姐姐让我重写一下bind函数的时候，一下子蒙圈了，所以特来研究一下。 在手写bind函数之前，我们先来回顾一下三剑客 1.call,apply和bind 现在我们写一个例子看一下 打印 特殊的，假如this那块写了一个1，那么打印出来的就不是1，而是被包装成一个对象 2.手写bind实现 首先看一下下面的代码 猜测一下...
手写call、apply、bind方法及区别总结
fighting ~的博客
03-11 571
作用相同，都是动态修改this指向；都不会修改原先函数的this指向。call、apply，也就是call和apply方法的那一次；当再次调用原函数的时候，它的指向还是原来的指向。
【javascript】手写bind函数
Alexbyy的博客
11-06 593
一、手写bind函数 bind的作用 调用func.bind(obj)的作用是返回一个新函数，并且这个新函数的作用域，即其this只想obj。举个例子： function func1(){ console.log(this) //在浏览器控制台中输出Windows } var obj = {a:1} var func2 = func1.bind(obj) func2() //此时浏览器控制台...
bind函数实现
maogugu0319的博客
05-07 641
一句话介绍 bind: bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一系列参数将会在传递的实参前传入作为它的参数。(来自于 MDN ) 由此我们可以首先得出 bind 函数的两个特点： 返回一个函数 可以传入参数 返回函数的模拟实现 从第一个特点开始，我们举个例子： var foo = { valu...
JS手写bind方法
最新发布
04-28 272
bind()方法创建一个新的函数，在 bind() 被调用时，这个新函数的this被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。
☀️七分钟教会你手写call、apply和bind
小小前端攻城狮的博客
06-07 350
前言 面试官：如何改变 this 的指向？以及三者的共同点和不同点 我们：我们可以通过调用函数的 call、apply、bind 来改变 this 的指向。 面试官：来实现其中一个。 我们：…???? 温习一下 call、apply、bind的异同 共同点： 功能角度：三者都能改变this 指向，且第一个传递的参数都是 this 指向的对象。 传参角度：三者都采用的后续传参的形式。 不同点： 传参方面： call 的传参是单个传递（序列），而 apply 后续传递的参 数是数组形式。而 bi
手写 bind 函数
qq_45803050的博客
11-01 2114
一. 首先bind 函数的三个特点： 1. 改变this指向 2. 第一个参数是 this的值后面的参数是 函数接收的参数的值 3. 返回值不变 二. 实现第一种：简易版实现 简易版实现 bind 函数 ，尽量不使用，但是可以借助里面的思想 <script> /** * bind 函数的三个特点： * 1. 改变this指向 * 2. 第一个参数是 this的值，后面的参数是 函数接收的参数的值
js手写bind
qq593249106的博客
10-18 2303
前端面试题之JS手写bind 首先解释一下bind： bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN ) 给个例子： var value = 'v in window'; function func() { console.log(this.value)...
JS之手写bind原理
Sfh的博客
08-22 492
众所周知，我们在调用某个内置的api时，例如xxx.bind，由于 function xxx 的原型链 指向的是 Function.prototype , 因此我们在调用 xxx.bind 的时候，调用的是 Function.prototype 上的方法，所以我们直接在函数原型链上构建一个我们的_bind方法，Function.prototype._bind = function() {}① 接收比较固定的参数，其他的参数由返回的函数接收使用，提高参数的复用能力，提高函数的适用性。
js手写call bind apply
05-09
好的，以下是手写 `call`、`bind` 和 `apply` 的实现： ```javascript // 手写 call Function.prototype.myCall = function(context, ...args) { context = context || window; const fn = Symbol(); context[fn] = this; const result = context[fn](...args); delete context[fn]; return result; } // 手写 apply Function.prototype.myApply = function(context, args) { context = context || window; const fn = Symbol(); context[fn] = this; const result = context[fn](...args); delete context[fn]; return result; } // 手写 bind Function.prototype.myBind = function(context, ...args1) { const self = this; return function(...args2) { context = context || this; return self.apply(context, [...args1, ...args2]); } } ``` 这些方法的核心思想都是通过改变 `this` 的指向来实现调用函数，并且在调用完毕后删除添加到 `context` 对象中的临时属性。其中，`bind` 方法需要返回一个新函数，因此我们可以使用闭包来保存 `this` 和 `args1`，并在返回的函数中重新调用原函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值