js模拟实现call（很简单的方法）

最新推荐文章于 2022-09-26 10:10:23 发布
原创 最新推荐文章于 2022-09-26 10:10:23 发布 · 768 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文介绍了一种在JavaScript中自定义Function.prototype.myCall的方法，实现了类似原生call的功能，通过临时将函数绑定到目标对象上并调用，最后清除绑定。 
let objT = { test: '123' };
Function.prototype['myCall'] = function (target, ...args) {
	//this为fncCall
    target.fn = this;
    target.fn(...args);
    delete target.fn;
};

function fncCall(test) {
    console.log(test);
    console.log(this.test);
}
fncCall.myCall(objT, 789);
强运
关注
JavaScript中call、apply、bind详解及手写实现
to_the_Future的博客
03-31 2065
首先，我们都知道JavaScript中的this指向分为软绑定及硬绑定。并且this的指向与执行上下文有关系。在全局执行上下文中，this指向 全局对象（），在对象调用其内部方法时，this指向调用的地方，这就称为。那么如何使用呢？这就需要使用JavaScript中内置的方法来实现了。
JavaScript模拟实现继承的方法
10-24
在JavaScript编程语言中，实现继承不像在传统面向对象编程语言中那样直接和简单。由于JavaScript本身不支持类的继承，开发者必须通过模拟的方式来实现继承。下面，我们来详细探讨如何在JavaScript中模拟实现继承的...
JavaScript之call实例详解
不怕不聪明，只怕聪明的人比我努力
09-05 587
call()方法是做什么用的呢？与其看枯燥的文字解释，还不如看看他都可以用来做些什么来的实惠！ 但是还要大概知道一下比较好 function.call(thisobj,args…) call将指定函数function作为thisobj对象的方法来调用，将参数args传递给function，返回值为function的返回值。 thisobj是调用function的对象，在函数主体内thiso
JS手动实现call() , apply() , bind()
weixin_45868552的博客
09-07 1716
dfqwe
JS call方法实现
weixin_40629549的博客
03-03 219
Function.prototype.mycall = function (context) { console.log(context, arguments) var content = context || window; content.fn = this; var args = []; // arguments是类数组对象，遍历之前需要保存长度，过滤出第一个传参 f...
js使用用最简单的方法实现call，看了就会
Big_YiFeng的博客
06-07 435
手写一个call方法可以利于自己更好的理解this，而且面试有时候也会遇到
js代码-JavaScript call方法
07-16
JavaScript中的`call`方法是Function对象的一个方法，它允许我们改变函数调用的上下文（即`this`的指向）并能直接调用其他对象的方法。`call`方法的使用非常广泛，尤其在继承和对象操作中扮演着重要角色。在深入理解...
原生js代码能实现call和bind吗
10-16
虽然这些模拟的实现可能在某些简单情况下工作，但在处理更复杂的情况（如闭包、异步操作或优化问题）时，它们可能会失败。因此，我们可以说，尽管可以尝试理解 `call` 和 `bind` 的工作原理，并编写一些近似的实现，...
JS模拟实现ECMAScript5新增的数组方法
12-11
ECMAScript5 新增了十个数组方法，这些方法只有在ie9及以上浏览器中可以被使用，下面是对于这些方法的模拟实现。 一、Array.isArray(element) 　该方法用于判断传入的对象是否为数组类型，返回true和false。 Array....
js代码-call 当前方法添加到目标对象上，实现属性获取
07-15
总之，`call`方法是JavaScript中一个强大而灵活的工具，它允许我们在指定的对象上下文中执行函数，这在处理对象属性、实现继承、创建类实例以及进行数组操作等多种场景下都非常实用。理解并熟练运用`call`方法，能够...
深入 JavaScript 之 模拟 call函数！！！
dizuncainiao的博客
12-12 333
本篇用来记录我学习 “模拟JavaScript中的call函数”
js函数call实现
lucky__peng的博客
04-01 331
Function.prototype.call = function(context = window, ...args) { if (typeof this !== 'function') throw new TypeError(); context.fn = this; let res = context.fn(...args); delete context.fn; return res; }
js实现call
weixin_56817537的博客
09-19 441
js实现call函数
手写js源码，实现call方法！
qq_44890362的博客
10-07 433
1.首先 context 为可选参数，如果不传的话默认上下文为 window ； 2.接下来给 context 创建一个 fun 属性，并将值设置为需要调用的函数； 因为 call 可以传入多个参数作为调用函数的参数，所以需要将参数剥离出来； 然后调用函数并将对象上的函数删除。 3.下面就给大家展示call方法的实现过程，其实不难。 // this 为调用的函数 // context 是参数对象 // 在函数原型上定义自己的myCall方法 Function.prototype.myCall =
js实现一个call函数
weixin_43837268的博客
08-17 899
// 思路：将要改变this指向的方法挂到目标this上执行并返回 Function.prototype.mycall = function (context) { if (typeof this !== 'function') { throw new TypeError('not funciton') } context = context || window cont...
js call方法实现原理
qq_41999592的博客
07-30 1406
前言 我们知道call方法可以改变this的指向 使用方法如下 const book = '《十万个为什么》' function log() { console.log('这本书是' + this.book)// this默认指向全局window对象 } log() // 这本书是《十万个为什么》 const instance = {book:'《从你的全世界路过》'} // 改变this指向instance log.call(instance)// 这本书是《从你的全世界路过》 log函数中使
详解JS中 call 方法的实现
华为云官方博客
09-26 2086
本文将全面的，详细解析call方法的实现原理
js中的call方法并模拟实现自己的call方法
前端三脚猫的博客
06-02 918
定义 先来看下call()方法，在mdn中的定义： call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。（其实就是改变函数的this指向，并且调用该函数） 语法 Function.call(thisObj, res1, res2, …); call方法传递两个参数，第一个参数传递的是所要改变指向的值(当该函数处于非严格模式下，则指定为 null 或 undefined 时会自动替换为指向全局对象，原始值会被包装。)，后面是所要传递的参数（参数可以为多个）。 返回值 返回调
js call实现方法和理解（js高级）
老舍
03-20 1322
 在学习js的时候是快速入门，仅仅不到10天就学了js,html,css,jQuery,虽然使用很不熟练，但是应对基本的还是可以的，剩下的百度就可以了，但是js很多内部的东西，如果不知道真的是很影响理解代码，今天就来说一下我最近看js进阶时候碰到的问题就是call方法  先看一段call的使用 var show(){ console.log(this.name+' ',this.age); } ...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值