在学习手写new的时候,看到的,首先是很不理解为什么通过Array.propotype调用slice,还要用call“多此一举”。
昨天学习原型链,我的理解中,
Array.prototype等同于一个实例数组(比如参数数组argument)的原型_proto_,
在原型中寻找slice方法并进行使用,跟后者arguments直接调用slice不是一样的吗?
以下是我所学习的手写new的代码(问题出于第五行)。
// const xxx = _new(Foo,'哈哈',123) ==> new Foo('哈哈',123)
function _new(fn){
// 1 获取除fn以外的所有arguments
// 使用slice删除arguments第一个元素就得到其他arguments
const args = Array.prototype.slice.call(arguments,1); // ['哈哈',123]
// 新建一个对象 用于函数变对象
const newObj = {};
// 原型链被赋值为原型对象
newObj.__proto__ = fn.prototype;
// this 指向新对象
fn.apply(newObj, args);
// 返回这个新对象
return newObj;
}
首先,通过实验,如题所示的方法确实可以达成目的。
再次实验,有关“Array.prototype等同于一个实例数组(比如参数数组argument)的原型_proto_
”猜想是否正确,得出结论,猜想正确,这样写也ok。
第三次实验:论证call的作用,即将this指向参数列表,使slice有被操控的目标
第四次验证:为什么不能直接arguments.slice(1),得出结论:argument只能一个元素一个元素地获取,比如arguments[0],arguments[1]这样,直接获取arguments不能得到数组
,所以,直接argument是不能直接使用slice方法的。