由于最近都在面试,所以没时间看webpack源码,但是加入了强迫自己优秀的组织,所以文章还是要写的,就讲最近一次面试把我问懵逼的内容吧。
面试官:“call函数的作用是什么?”
我:(窃喜,这不是送分题吗?)“改变函数调用时的作用域。”
面试官:“好的,那call是怎么改变作用域的呢?或者说,call是通过什么办法改变函数的作用域?”
我:(???)“。。。。”
现在我们来看看如何实现一个call。
首先来看看老生常谈的问题,call的作用是什么?
var cat = {
name: 'cat scope'
}
var dog = {
name: 'dog scope',
showScope: function() {
console.log(this.name)
}
}
dog.call(cat);
// cat scope
就是改变作用域呗,好的这段话没有什么营养,所以我们来看看重点,call能改变作用域的奇技淫巧是什么?
Function.prototype.calls = function() {
var tar = arguments[0] || window;
tar.fn = this;
tar.fn();
delete tar.fn;
}
是的,就是这么粗暴,将原来要执行的函数,在你想要运行的对象里头进行复制,再执行就ok了。
其实call如何改变作用域到这里就完了,剩下的就是对传入的参数进行处理,这里简单的写一波。
Function.prototype.calls = function() {
var tar = arguments[0] || window;
var params = [];
tar.fn = this;
for(var i = 1, len = arguments.length; i < len; i++) {
params.push('arguments[' + i + ']');
}
var ret = eval('tar.fn(' + params + ')');
delete tar.fn;
return ret;
}
这里的核心就是利用了数组转字符串的特性,将params数组与tar.fn拼接成了参数并执行。
希望你有所收获,杀青!