JS 手写 apply( )

最新推荐文章于 2024-04-07 21:09:54 发布
最新推荐文章于 2024-04-07 21:09:54 发布
阅读量501 收藏
点赞数
分类专栏： 代码 文章标签： js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47021982/article/details/113946477
版权
本文将探讨如何在 JavaScript 中手写实现 `apply()` 函数，该函数用于改变函数调用的上下文（`this` 值）并接受一个数组作为参数。
摘要由CSDN通过智能技术生成

JS 手写 apply( )


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

&
最低0.47元/天 解锁文章
木森林哥哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js手写apply
qq593249106的博客
10-17 976
前端面试题之JS手写apply 参考之前手写的call方法： https://blog.csdn.net/qq593249106/article/details/83115935 Function.prototype.call2 = function (obj) { var obj = obj || window; var args = []; for(var i = 1;...
JavaScript 手写 apply 函数
靖凡无所畏惧的个人博客
03-01 375
前言： 今天给大家分享 手写 apply 函数，希望对大家有所帮助！ 代码： 注意点： 1. 利用this的上下文特性。 2. 和 call 类似 var show = function(){ console.log(this.name); console.log(...arguments); } let c = { name:'wjf' } // show.myBind(c,1,2,3)(4,5,6) Function.prototype.my..
【手撕代码系列】JS手写实现apply方法
CreatorRay的博客
05-10 1078
在本文中，我们手写实现了apply()方法，并解释了其实现原理。通过了解这个方法的工作原理，我们可以更好地理解JavaScript中函数的调用方式。
手写JS函数的call、apply、bind实现
YiYing's sharing
12-01 910
  之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现   结果跟代码一样清晰明确，一阵懵逼，没写出来！   下面，撸起袖子就是干！~   把call、apply、bind一条龙都整一遍！~~ call 定义与使用 Function.prototype.call(): https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Re...
apply.js ES5的apply手写实现
04-17
ES5的apply手写实现
简洁的代码，详细的解释，每个前端er都要会的手写apply方法。
qq_46115413的博客
02-22 1461
手写apply前言一、思路梳理二、apply方法的实现三、测试结果展示四、实现的详解4.1 获取需要调用目标function的对象4.2 获取被调用的目标function4.3 目标function参数的获取结语 前言 又是一年的金三银四，疯狂的手写剧情再度上演，接下来就让我们一起来实现下JavaScript里的apply函数。 一、思路梳理 在实现手写apply之前让我们先来梳理下apply函数的使用场景。通常我们在使用apply的时候，需要两个对象（所有的一切都是对象????）： 想要执行的funct
js代码-手写 apply
07-16
在`main.js`文件中，作者可能通过JavaScript实现了`apply`的核心逻辑，这有助于理解函数调用的机制以及`this`的动态绑定。`README.txt`文件可能会提供关于如何使用这个自定义`apply`方法的示例和注意事项。这种实践...
【JavaScript】手写apply
weixin_46590928的博客
10-21 261
和手写call十分相似，建议先了解手写call。
【js学习笔记二十七】手写apply
geyaoisnice的博客
04-07 265
目录 前言 导语 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 apply使用 代码部分 Function.prototype.myApply = function (context, args) { //这里默认不传就是给window,也可以用es6给参数设置默认参数.
js基础之手写apply、call、bind
路人丙的博客
05-13 289
不传入第一个参数，那么上下文默认为 window 改变了 this 指向，让新的对象可以执行该函数，并能接受参数 实现call 首先 context为可选参数，如果不传的话默认上下文为 window 接下来给 context 创建一个 fn 属性，并将值设置为需要调用的函数 因为 call 可以传入多个参数作为调用函数的参数，所以需要将参数剥离出来 然后调用函数并将对象上的函数删除 Function.prototype.myCall = function(context) { //判断传入的contex
JavaScript手写系列(一)——————手写apply、call
Salange1的博客
10-24 346
说起手写apply、call等方法是面经中常看到的问题了，其实我面试没有遇到过，但没遇到过不代表就不需要掌握。这些应该只有大厂才会考，作为一个双非毕业的普通人，还是要有一个进大厂的梦，万一哪天实现了呢，人一旦没了梦想，和咸鱼有什么区别。今天就带大家一起来实现一下简易版的call和apply。还有最难的bind手动实现，有点难，我自己还没搞明白，就不出来献丑了，先立个flag,等我搞明白了再回来补上。
JS手写实现call、apply、bind
追风Programer的博客
09-09 2489
目录 写在前面 call手写实现 apply手写实现 bind手写实现 写在前面 今天的主题是手写实现某些常见的js函数。在JavaScript中，我们知道改变一个函数的this指向，一般来说有这样三个函数可以帮助我们做到这样的效果，分别是call、apply、bind。但是三个函数又有所区别，具体的区别我就不详述了，大家可以去call、apply、bind详细介绍看看详细的介绍。 ...
11.手写JavaScript apply方法
最新发布
g841805的博客
04-07 266
apply方法和call方法相似，区别在于参数，我们可以使用apply方法的原理实现apply方法。
大厂前端面试题总结（JS手写篇）
冻书的博客
12-10 2202
系列文章 大厂面试题总结（CSS篇） 大厂面试题总结（ES6篇） 大厂面试题总结（浏览器篇） JS手写篇 目录 防抖和节流 深拷贝 防抖和节流 深拷贝
手写实现apply函数
pet_ch的博客
09-16 773
Function.prototype.myapply=function(content) { var res; //console.log(this); if(typeof this != "function"){ console.log("not a function"); }else{ content = content || window; //es6默认参数 有参数取content,.
JavaScript-手写apply原理
weixin_59554510的博客
08-23 283
上面就简单的实现了apply的手写原理，今天水了一篇，万分抱歉，明天一定认真更新哈哈哈，大家晚安呢！
手写call、apply
linxf
07-06 910
在Function的prototype添加myCall和myApply 方法 Function.prototype.mycall = function (ctx,...args){ cxt = ctx||window; var fn = Symbol(); cxt[fn] = this; var result = cxt[fn](...args); re...
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、付费专栏及课程。

余额充值