手写 实现call(), apply()

最新推荐文章于 2023-08-30 16:56:46 发布
最新推荐文章于 2023-08-30 16:56:46 发布
阅读量138 收藏
点赞数 1
分类专栏： Javascript 手写 文章标签： javascript 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SJ1551/article/details/109397061
版权
本文详细介绍了如何在JavaScript中手动实现call()和apply()方法，分别从ES6之前和之后的角度进行了讲解，并提醒在ES6之前需要注意避免在对象中存在与方法名冲突的键名，以防数据丢失。
摘要由CSDN通过智能技术生成
一、call()

  1. ES6之前

    Function.prototype.myCall = function (_context){
     
	// _context空检测
	_context = _context? _context: window;
	// 获取函数参数
	let args = [];
	for(let i=1, len=arguments.length; i<len; i++){
     
		// 避开在eval时组装参数中字符串的麻烦
		args.push('arguments[' + i + ']');
	}
	// 将函数挂到_context上
	_context.__fn = this;
	// 执行函数
	let result = eval('_context.__fn(' + args + ')'
最低0.47元/天 解锁文章
Novice-XiaoSong
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6知识汇总
qinchao的博客
06-07 396
第一部分：ES6 基础知识： ECMAScript中ECMA实际上是一个标准化组织。 ECMAScript 方言有Jscript和ActionScript。JavaScript和ActionScript都是以ECMAScript为标准，但ActionScript是运用在flash软件中，是flash的脚本语言。 ES6名词是一个泛指，指5.1版本以后的JavaScript的下一代标准，涵盖了...
eval函数细节
流年不负心的博客
11-26 135
JavaScript中eval函数的使用 当服务器返回一个json格式的数据时，我们一般用eval函数来处理，此时要注意把变量动态的变为字符串。 代码： var json=eval("("+data+")");
JavaScript之call和apply方法的实现里面的eval函数和push方法的理解
youkino222的博客
04-11 1025
背景： 之前今日头条的面试题，有一道题是自己实现一个bind方法，然后由于考虑的情况不够完全，结果崩了，然后搜索资料，看到一篇bind方法的实现讲得挺好的，但是需要知道call和apply的方法是如何实现的，因为里面用到了apply方法，而博主也写了call和apply方法是如何实现的博客，我觉得非常棒，但是有些地方看得不是很懂，然后花费了挺长的时间去理解和试验，弄明白了几点，下面附上参考资料（...
Makefile中的eval函数和call函数到底怎么用？
噗呲_DayBreak
01-10 4201
1，call函数的定义是什么？ 语法： $(call <expression> , <parm1>, <parm2>, <parm3>，...) 作用：当make执行时 expression 这个函数时，参数中的变量，如 $(1),$(2),$(3)等。会被参数<parm1>, <parm2>, <parm3>所代替。 例如： reverser = $(1) $(2) foo ...
手写实现call() apply() bind()函数,附有详细注释,包含this指向、arguments讲解
最新发布
weixin_51472145的博客
08-30 745
手写实现call() apply() bind()函数是很经典的问题，但是能掰扯清楚的文章确实不算多，于是笔者才决定写下本文，希望能给读者带来一些启发，如有错误欢迎指正。附有详细注释,包含this指向、类数组对象arguments讲解
手写实现call、apply、bind方法
buptlhr的博客
05-19 647
~ function anonymous(proto) { // call function call(context = window, ...args) { context == null ? context = window : null var type = typeof context if (type != 'object...
js代码-手写call apply
07-16
function callApply(targetFunc, thisArg, argsArray) { if (typeof targetFunc !== 'function') { throw new TypeError('First argument must be a function'); } // 使用call function callWrapper() { ...
js代码-手写call、apply、bind
07-16
在压缩包中的 `main.js` 文件可能是实现这三个方法的手写代码，你可以打开查看并学习其实现细节。`README.txt` 可能包含有关代码的解释或使用指南。通过阅读和实践这些代码，你可以加深对JavaScript核心概念的理解，...
js代码-手写call/bind/apply
07-14
以上代码定义了`myCall()`, `myBind()`, 和 `myApply()` 方法，它们分别实现了与原生`call()`, `bind()`, 和 `apply()` 相同的功能。在实际应用中，这些自定义方法可以用于学习理解，但为了性能和兼容性考虑，通常应...
JS手写章节（1）—手写实现call、apply、bind
weixin_50926010的博客
10-19 2988
JS手写章节（1）—手写实现call、apply、bind
window[ "eval" ].call( window, data ); 语法错误
严阵以待的专栏
12-13 2920
在IE浏览器中js报这个错，其实只要将js中所写的注释去掉就可以了。
Makefile之eval与call用法
Android系统攻城狮
08-01 1264
.PHONY : all #notdir，从全路径的文件名，提取出文件名称。相当于shell的basename #subst，字符串替换 #foreach，对数组中的每一个元数做处理 #call，调用自定义宏,函数调用而已. #eval，将字串应用到Makefile上下文,展开表达式 #shell，执行shell脚本 define func1 var1 := $(0) var2 := $(1) var3 := $(2) var4 := $3 endef define func2 @echo "S.
R语言中的函数20：parse(),eval()和do.call()
辉的博客
08-01 8370
eval()函数的用法 此函数可以接受一个字符串str作为参数，并把此str当做一段javascript代码去执行，如果str执行结果是一个值则返回此值，否则返回undefined。如果参数不是一个字符串，则直接返回该参数，实例如下: eval("var a=1");//声明一个变量a并赋值1。 eval("2+3");//执行加运算，并返回运算值。 eval("mytest()");//执行my...
clang static analyzer源码分析（番外篇）：RegionStore以及evalCall()中的conservativeEvalCall
电影旅行敲代码
10-27 3750
介绍clang static analyzer对于RegionStore的实现，以及对函数inline时的conservativeEvalCall机制进行分析
makefile 里的 eval 函数
热门推荐
brooknew的专栏
12-30 4万+
函数原型 $(eval text) 它的意思是 text 的内容将作为makefile的一部分而被make解析和执行。 比如这样一个makefile： $(eval xd:xd.c a.c) 将会产生一个这样的编译 cc   xd.c a.c -o xd   这样一个makefile: define MA aa:aa.c  gcc  -g -o aa aa.c endef
JavaScript的动态特性(通过eval,call,apply和bind来体现)
weixin_30781631的博客
10-27 421
JavaScript的动态特性(通过eval,call,apply和bind来体现) JavaScript是一种基于面向对象的、函数式的、动态的编程语言。现在发展到已经可以用在浏览器和服务器端了。 这里不谈面向对象，也不去提及函数式编程，就单单讨论动态性。什么称为动态？ 语言的动态性，是指程序在运行时可以改变其结构。 通俗地说就是没运行你根本不知道这段代码会...
clang static analyzer源码分析（番外篇）：evalCall()中的inline机制
电影旅行敲代码
10-16 4467
引子我们在clang static analyzer源码分析（一）中介绍到，path-sensitive analysis的两种形式，一种是inline形式的分析，一种是非inline形式的分析。在静态分析的过程中，函数是否inline，属于过程间分析（interprocedural analysis）讨论的概念。对于两种形式来说，各有优劣，但基本上来说函数inline形式的分析得到的结果更为准确。
这才是正确的手写Call函数的姿势
wb1991wb的博客
11-10 1968
今天一起来写个Call函数。手写Call代码，大家肯定不陌生了，或者说，现在都被大家讲烂，只要是个面试相关的文章，都会有这个题目。当然了，写法也是多种多样。由于只是当成一个面试题来说的话，肯定说的没有那么完美的！总有点缺陷这道手写Call的题，还是能学习很多东西Function.prototype.call this不一定是Function动态生成函数区分环境上下文call的使用方法delete函数。
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、付费专栏及课程。

余额充值