fn1-call-call-fn2-面试题

前端面试题分享：fn1.call.call(fn2)

function fn1() {console.log(1)
}function fn2() {console.log(2)
}fn1.call(fn2)  // 此处打印结果
fn1.call.call(fn2)  // 此处打印结果

思路：自己实现call方法，根据实现过程中了解打印结果出现的原因。

Function.prototype.mycall = function my(context, ...args) {// context -> window// ??表示只有context的值是undefined或null时才会返回windowcontext = context ?? windowcontext.fn = thisconst result = context.fn(...args)delete context.fnreturn result
}fn1.mycall(fn2)  // 打印结果1
fn1.mycall.mycall(fn2)  // 打印结果2

fn1.mycall.mycall(fn2)调用中，首先调用mycall(fn2)，调用过程中，首先参数context接收到的是fn2，this指向的值为f my(context, ...args)，然后在第二次执行context.fn(...args)时，实际执行的是fn2.my(context, ...args)，代码再次调用function my(context, ...args)，再次调用时context接受的是空数组，所以判断结果为context=window，所以内部指向为context.fn = this，实际为window.fn = fn2()，因此代码最后执行的实际调用为：window.fn2()，其结果自然是2。

如果对过程不是很明白的话，可以再浏览器中进行调试，一步步F11进行调试，过程就很清晰了，如果本文章有帮助到你，可以再评论区写下你的观点~

fn1-call-call-fn2-面试题相关推荐

【前端】2015阿里前端实习生在线笔试题
网上找的题,自己做了做. ... 2015阿里巴巴前端实习生在线笔试题 1. (单项选择)对于下列程序运行结果,符合预期的是 function f1() { console.time('time sp ...
2015某大型电商集团的前端实习生在线笔试题（无耻的拿来偷看了）
2015某大型电商集团的前端实习生在线笔试题(嘿嘿猜猜是谁的) 1.(单项选择)对于下列程序运行结果,符合预期的是 function f1() { console.time('time span'); ...
C/C++笔试题（基础题）
为了便于温故而知新,特于此整理 C/C++ 方面相关面试题.分享,共勉. (备注:各题的重要程度与先后顺序无关.不断更新中......欢迎补充) (1)分析下面程序的输出(* 与 -- 运算符优先级问 ...
python程序员面试题精选100题_在Python程序员面试中被问的最多的10道题
我们在为大家整Python程序员面试试题中,发现了一些被面试官问到的最多的一些问题,以下就是本篇内容: Python是个非常受欢迎的编程语言,随着近些年机器学习.云计算等技术的发展,Python的职位 ...
2018最新Web前端经典面试试题及答案
本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案.马上就要过春节了,开年就是崭新的一年,相信很多的前端开发者会有一些跳槽的悸动,通过对本篇知识 ...
最新前端vue，js，css，性能优化面试题66道题
这些是我总结的前端常会遇到的面试题,大家可以多多参考希望大家可以留下意见,我也可以吸收不足 1.js其中基本数据类型有哪些五种: undefined.null.Boolean.Number和Str ...
最近超火的公司前端面试题
前端面试题: 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现 div{ position: absolute; width: 200px; height: 200px; left ...
2018最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)--转载
版权声明:本文为转载文章,感谢博主小胖梅的博客,如有侵权,请联系我删除,谢谢转载链接: https://blog.csdn.net/xm1037782843/article/details/8070 ...
这几道Python面试题，稳准狠，Python面试题No15
文章目录必须放一个表情包,太魔性了! 第1题: 修改以下Python代码,使得下面的代码调用类A的show方法? 第2题:修改以下Python代码,使得代码能够运行第3题: 下面这段代码的输出是什 ...
JavaScript中关于call函数的一道面试题
来看一道面试题: ``` function fn1() {console.log(1);} function fn2() {console.log(2);} fn1.call(fn2); //分析: ...

fn1-call-call-fn2-面试题

fn1-call-call-fn2-面试题相关推荐

最新文章

热门文章