实现模拟封装this指向call方法

已于 2022-06-14 22:58:05 修改
阅读量232 收藏
点赞数
文章标签： javascript
于 2022-05-04 21:37:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47673292/article/details/124577717
版权

跟着why老师学的，学习完后手动实现时，添加了自己理解的注释内容

实现传参来修改this指向

多个参数处理

这样就大概实现了 js中改变this指向的方法了

嘿，小明
关注
web前端高级JavaScript - 深挖call方法的底层实现原理并封装自己的call方法
lixiaosenlin的专栏
11-11 5928
深挖call的底层实现原理 在js中有3个方法可以改变函数中this的指向，那就是call、apply和bind。关于三个方法的更多详细请参考web前端高级 - JavaScript中函数内的this指向。这里只讲一下call的底层实现原理。下面来我们来看一段代码： let obj = { name:'Alvin' } let name = 'window' function fn(){ console.log(this.name); } fn();//window fn.call(obj);//
防抖节流与this指向的改变
zyq51的博客
08-31 2912
一、防抖节流 1、防抖 在固定的时间内没有触发事件，会在固定时间结束后触发，如果固定时间内触发事件了，会在延长固定时间再触发 防抖主要利用定时器实现 用实例的话，可以用电梯的升降，遇到人进入会有一段时间的停止，当再次有人进入延迟会延长。 //用定时器实现防抖 function debounce(func,wait) { var timer=null; return function() { //保存当前调用的dom对象 var _this=this; //保
js函数封装以及this应用
m0_64337756的博客
12-07 636
1.函数的返回值2 return 返回值; 想要给外界返回什么就return什么 return本质：函数中一旦遇到return退出当前函数（函数到这里就结束了），return之后的代码就不再执行了 return只能返回一个值 想要返回多个一般放到数组当中 返回值的数据类型：可以返回任意数据类型 2.函数的封装 1.获取经过浏览器渲染的样式 只能获取不能设置，设置只能通过style属性 经过浏览器渲染的样式：行内 内部 外部 基本语法 ：getCompute
web前端-JavaScript中的call、apply和bind方法（改变this指向）
苏凉.py的博客
06-29 430
改变this指向的三个方法
this指向详解，思维脑图与代码的结合，让你一篇搞懂this、call、apply。系列（一）
热门推荐
余光的博客
06-02 5万+
一、学习this的指向问题 二、call和apply的特点与区别 三、模拟实现一个call 四、bind的功能 五、结尾 思考题+导图+示例代码，让你轻松掌握！
JavaScript 的 this 指向问题深度解析
幽幽谷
09-18 1582
JavaScript 中的 this 指向问题有很多博客在解释，仍然有很多人问。上周我们的开发团队连续两个人遇到相关问题，所以我不得不将关于前端构建技术的交流会延长了半个时候讨论 this 的问题。
不用call和apply方法模拟实现ES5的bind方法
包磊磊的博客
03-12 863
本文首发我的个人博客：前端小密圈，评论交流送1024邀请码，嘿嘿嘿
关于闭包、和this指向问题
a11979的博客
01-19 670
1. 什么是闭包 1-1 什么是闭包： 要理解闭包，首先理解javascript特殊的变量作用域，变量的作用于无非就是两种：全局变量，局部变量。 javascript语言的特殊处就是函数内部可以读取外部作用域中的变量。 我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，这时候就需要用到闭包。在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包是指有权访问另一个函数作用域中的变量的函数。其本质是函数的作用域链中保
深度解析 JavaScript 中call方法原理
qq_44410862的博客
11-19 2297
一丶深度解析 JavaScript 中call方法原理 call 方法是 Function 类原型上的一个公共方法，我们知道所有的函数都是 Function 类的一个实例(对象)，当然，call函数本身也是Function类的一个实例。 任何一个函数都可以调用call方法，包括call方法本身。函数调用call方法时，是把函数作为Function的实例也就是对象身份的。 function fn1() {} console.log(Function.prototype.call.__proto__ === F
JavaScript模拟实现封装的三种方式及写法区别
10-19
本文将详细介绍JavaScript模拟实现封装的三种主要方法：扩展方法、原型继承以及call()、apply()和bind()的使用。 1. **扩展方法** 在这种方法中，我们创建了一个`extend`方法附加到`Object.prototype`上，用于将...
JavaScript面向对象的实现方法小结
10-24
在本文中，我们主要探讨了JavaScript面向对象编程的两种实现方法，这两种方法是JavaScript中实现面向对象编程的典型技巧，适合读者朋友们在开发过程中参考和借鉴。 首先，面向对象编程（Object-Oriented ...
2023前端面试题总结：JavaScript篇完整版_箭头函数的this指向
m0_61331573的博客
04-20 1045
JavaScript 中的原型（prototype）和原型链（prototype chain）是理解对象和继承机制的关键概念。每个 JavaScript 对象都有一个关联的原型对象，它是一个普通对象，包含一些共享的属性和方法。当你访问对象的属性或方法时，如果对象本身没有这个属性或方法，JavaScript 引擎会沿着对象的原型链去查找。对象可以通过 prototype 属性来访问它的原型对象。原型链是由一系列连接的原型对象组成的链。
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 462
关于react hooks的一些知识与应用
JavaScript 生成二维码
qq_30049249的博客
11-02 244
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 504
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 179
vxe-grid新增空行，并且定位到空行位置。
Vue2+3
m0_73557953的博客
11-04 120
创建Vue实例 Vue指令
JavaScript数据类型- BigInt详解（处理任意大小整数的终极指南）
最新发布
cx18333的博客
11-05 483
随着ECMAScript 11（ES11）引入了BigInt，JavaScript开发者现在可以轻松地处理超出传统Number类型限制的大整数。本文全面解析了BigInt的使用方法、核心特性和限制条件，为你提供了处理大型整数数据的强大工具。从BigInt的基础用法到算术运算和比较，再到类型检查和兼容性考量，一步步的深入了解这个新的数据类型。
JavaScript-数组
weixin_64689713的博客
11-04 857
/ 定义一个长度为 4 的数组，但是这 4 项都是 undefined两种定义方法根据实际需求选择即可，两者的底层都是同样的实现逻辑。推荐：方括号定义法！
JavaScript OOP：封装、继承与多态实现解析
在JavaScript中，通过`apply`或`call`方法，可以实现不同对象对同一函数的不同调用，这就是多态的体现。 8. 示例 - 文档中给出的`Users`对象示例展示了如何创建具有方法的对象，并调用这些方法，如`Users.register...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值