手写bind_手写call、apply、bind

最新推荐文章于 2024-06-09 22:26:02 发布
最新推荐文章于 2024-06-09 22:26:02 发布
阅读量83 收藏
点赞数
文章标签： 手写bind
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39732027/article/details/111388169
版权

三兄弟的作用

    call、apply、bind都是为了改变函数运行时上下文(this指向)而存在的

三兄弟的异同

    1、三兄弟接收的第一个参数都是要绑定的this指向

    2、apply的第二个参数是一个参数数组，call和apply的第二个以及之后的参数都是作为函数实参按顺序传入

    3、bind不会立即调用，而其它两个会立即调用

call的模拟实现

    实现思路：

        1、定义：call是可以被所有方法调用的，所以应该定义在Function的原型上

        2、传参：绑定函数被调用时，只传入第二个及之后的参数

        3、绑定this：如果调用者函数被一个对象所拥有时，函数被调用时内部的this应该指向该对象

    代码：

acc1a9f55e630e651de3dfa469548619.png

apply的模拟实现

    思路与call无异，只是需要对参数进行不同处理即可

    代码：

358febd0609a443997942f0de39635d3.png

bind的模拟实现

    实现思路：

       1、定义：bind是可以被所有方法调用的，所以应该定义在Function的原型上

       2、传参：bind函数返回一个绑定函数，最终调用需要传入函数实参和绑定函数的实参

        3、绑定this：如果调用者函数被一个对象所拥有时，函数被调用时内部的this应该指向该对象

    代码：

54eb95d3ed6b0564b9a5083347713a2e.png

weixin_39732027
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js代码-手写call/bind/apply
07-14
在JavaScript中，`call()`, `bind()`, 和 `apply()` 是三个非常重要的函数，它们都与函数的上下文（即`this`关键字）有关，用于改变函数执行时的环境。本文将深入探讨这三个方法的原理、用途及其实现方式。 首先，`...
js代码-手写call、apply、bind
07-14
在JavaScript的世界里，`call`、`apply`和`bind`是函数对象的三个非常重要的方法，它们都与函数调用的上下文（也就是`this`关键字）有关。这三个方法都是Function.prototype对象上的方法，可以让我们灵活地控制函数...
手写call,apply,bind
weixin_33810006的博客
03-19 506
call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数（参数列表）。apply() 方法调用一个具有给定this值的函数，以及作为一个数组（或类数组对象）提供的参数。bind() 方法创建一个新的函数，在调用时设置this关键字为提供的值。并在调用新函数时，将给定参数列表作为原函数的参数序列的前若干项。以上内容源自MDN下面我用自己的理解说一下call,apply及bind...
手写apply,call,bind方法
yuanqi3131的博客
12-04 628
1.手写call方法 Function.prototype.customCall = function(context) { if(typeof this !== 'function') { // 如果不是函数调用 返回异常 throw new TypeError('Not a Function'); } context = context || window; // 如果没有传递指向对象，则默认为window
手写实现call,apply,bind函数
最新发布
m0_61374145的博客
06-09 1549
之前在复习this指向时，提到过call()、apply()、bind()都可以用来改变函数的this指向，但在使用方法上有一些不同，所以本文主要简单论述一下三者的使用方法以及如何手写实现这三个方法。
手写bind call apply
xinbaiyu的博客
02-18 407
手写bind Function.prototype.bind1 = function () { var arr = [...arguments] var _this = arr.shift() let fn = this return function () { return fn.apply(_this, arr) } } 手写call Function.prototype.myCall = function (c
手写bind call apply函数
景色分明
07-20 239
apply Function.prototype.myApply = function (thisArg, ArgArray) { if (typeof thisArg == 'undefined' || typeof thisArg == null) { thisArg = window } let fnSymbol = Symbol() thisArg[fnSymbol] = this let ret = thisArg[fnSymbol](...A
【详解】如何手写实现call、apply、bind
pakerder的博客
09-30 2641
前言： 面试的时候如果遇到需要手写代码，手写实现apply,call,bind也是问的比较多的，今天好好学习一下，怎么手写实现。 用法： 1.apply
js代码-手写bind
07-14
接下来，我们将分析如何手写一个`bind`函数。 在手写`bind`时，我们需要考虑以下几个关键点： 1. 创建一个新的函数（我们称之为`boundFn`）。 2. 在`boundFn`中保存`this`的新值（`newThis`）和已固定的参数（`...
教你如何手写call、apply、bind函数
jianjieX的博客
11-20 174
Function.prototype.myCall=function(context){ //判断调用对象 if(typeof this!=="function"){ console.err('type error'); } //获取参数 let args=[...arguments].slice(1), result=null; //判断context是否传入，如果未传入则设置未window context=context||window; //将调用函数设为对象的方法 conte
前端手写代码——bind/call/apply
一叶的博客
03-06 434
## 手写bind Function.prototype.bind=function(context,...bindments){ // 绑定调用该函数的对象 context=context||window;//{name: "yiyi", age: 11} // 绑定好this 使用闭包，到时候返回原来的this const func=this;// 被调用...
手写call，apply，bind
lilisiyang___的博客
09-12 97
myCall 函数调用此方法，所以放置到函数原型上 第一个参数为要绑定的this，由于call函数接收任意数量参数，使用ES6中的不定参数（…args）来接受参数 Function.prototype.myCall = function(context,...args){ } 如何把this绑定到context上呢：函数的this指向调用函数的人身上，所以可以让context调用要绑定的函数，这样函数的this指向调用函数者身上就指向了context 如何获取要绑定的函数呢：上面提到
手写call,apply,bind实现
weixin_30716725的博客
08-05 124
call,apply,bind函数其本质是实现改变函数上下文环境,即改变this call实现 Function.prototype._call = function (context) { var context = context || window; context._fn_ = this; var [_this, ...args] = argu...
手写 apply call bind 实现
Jioho的博客
06-29 515
apply call bind 相关 对于 apply call bind 之前也有写过一篇很详细的入门级文章 apply ， call， bind 用法和区别 了解用法后，最好还是了解其实现原理，这样才能掌握透彻 三者的区别 call 和 apply 都是为了解决改变 this 的指向。作用都是相同的，只是传参的方式不同 除了第一个参数外，call 可以接收一个参数列表，apply 只接受一个参数数组 bind 和其他两个方法作用也是一致的，只是该方法会返回一个函数。并不会立刻执行 手写 call
手写call、bind、apply（手写代码总结）
今晚吃火锅的博客
06-15 521
手写call、apply和bind 手写防抖和节流 手写call 、apply和 bind 转载自博文 call Function.prototype.myCall = function( context ){ // 1. 判断有没有传入要绑定的对象，没有默认为window；如果是基本类型的话通过Object()方法进行转换 var context = Object(context) || window; // 2. 给context添加一个fn属性，值为this，也就是fn(
手写call,apply,bind方法
OceanH的博客
05-03 693
一、如何改变js中this指向问题？🌊 1. 通过ES6的箭头函数(指向函数定义时的this) 2. 通过call,bind,apply改变this指向 二、call,bind,apply三者的主要区别🌊 call,bind,apply这三个方法的第一个参数都是 this的指向对象 第二个参数： call和bind都是接收参数列表，apply接收的是一个包含多个参数的数组（也可以是类数组） bind方法不会立即执行，而是返回一个新的函数，调用新函数的时候才会执行目标函数 三、手动实现
面试题 手写call apply bind 详细解析
xiaoqin5的博客
03-05 602
手写call apply bind 详细解析 -----面试题
手写基本实现call、bind、apply
弟弟的博客
04-08 165
一、作用 call、apply、bind作用是改变函数执行时的上下文、也就是改变函数运行时的 this 指向 apply、call、bind都可以改变函数的 this 指向 三者的第一个参数都是 this 要指向的对象，默认是window apply和call都会立即执行当前函数，bind会返回一个新函数 传参方面，call和bind一直，apply第二个参数接受一个数组 手写call 这里的this指向调用者，也就是这个函数 我们把这个函数当作属性，加入到context中 避免key重复，使用Symb
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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值