js面试题：fn.call.call.call.call(fn2) 解析

有这样一道 JS面试题，问 fn.call.call.call.call(fn2) 的结果是什么？

先说下 call 函数的内部原理：

可以改变函数的this；
执行函数

下面模拟下原生的call函数：

Function.prototype.call = function(context, ...args){context = context? Object(context) : window;// 改变 this context.fn = this;// 执行函数return  context.fn(...args);
}

如下：

function fn(){console.log(11)
}function fn2(){console.log(11)
}
问：
fn.call.call.call.call(fn2) 的结果是什么？

解析：

前面的一串 fn.call.call.call.call 并没有调用，只是获取对象的call属性，所以，这一串的结果是 Function.call 属性。
所以那一串就是 Function.call.call(fn2)；还可以解理为 fn3.call(fn2)。
根据call的原理（可参考上面的call模拟），在 fn3执行call，其实际是这样执行的 fn2.fn3()。
由于 fn3实际上就是 call 函数，所以, fn2.fn3() 等价于 fn2.call()。
所以，上面那一串代码的最终结果，就是调用 fn2，所以结果输出 22.

转自https://blog.csdn.net/xufang461010923/article/details/108111226

js面试题：fn.call.call.call.call(fn2) 解析相关推荐

2017面试分享（js面试题记录）
2017面试分享(js面试题记录) 1. 最简单的一道题 '11' * 2'a8' * 3 2. 一道this的问题 var num = 10;var obj = {num:8,inner: {num ...
（五）不只是 huohuo 的 JS 面试题
写过最多的是 JS 相关的文章,做过最完整的是 JS 的思维导图,敲过最多的依然是 JS 代码,我觉得自己的 JS 还算可以了.写到这里的时候,我已经离职一周,也参加了几次面试,大多数问题都能按自己的 ...
javascript算法+手写js面试题
链表 function ListNode(val, next) {this.val = (val===undefined ? 0 : val)this.next = (next===undefined ...
js面试题继承的方法及优缺点解答
这篇文章主要为大家介绍了js面试题继承的方法及优缺点解答,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪目录说一说js继承的方法和优缺点? 一.原型链继承二.借用构造 ...
前端人必看的JS面试题汇总
面试是每一个前端人在求职过程中都需要面对的事情.在面试过程中,面试官没有办法通过实践操作去了解应聘者的技能水平,所以他们更多地会通过"八股文"的考察来判断你是否符合公司的招聘要求. ...
JS面试题汇总（四）
往期点这里:↓ JS面试题汇总(一) JS面试题汇总(二) JS面试题汇总(三) 31. JS 单线程还是多线程,如何显示异步操作参考答案: JS 本身是单线程的,他是依靠浏览器完成的异步操作. 解 ...
js面试题（持续更新）
js面试题 new操作符具体干了什么创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型属性和方法被加入到 this 引用的对象中新创建的对象由 this 所引用,并且最后隐 ...
js经典试题之ES6
js经典试题之ES6 1:在ECMAScript6 中,Promise的状态答案:pending resolved(fulfilled) rejected 解析: Promise对象只有三种状态: ...
js经典试题之数据类型
js经典试题之数据类型 1:输出"B" + "a" + + "B" + "a"的值: 答案:BaNaNa. 分析:因为+ ...
记录一些js面试题以及解法
记录一些js面试题,解法,感悟. 1.将字符串"aaaabbbbcccc"转换"4a4b4c" 解法1 var str = "aaaabbbbcccc ...

js面试题：fn.call.call.call.call(fn2) 解析

js面试题：fn.call.call.call.call(fn2) 解析相关推荐

最新文章

热门文章