这几天在写东西时用了好几次slice方法,其中也用到Array.proto.slice.call(arguments)将数组对象属性转变成数组。
Array.protitype.slice()源码
源码git传送门587行,slice源码如下:
// 这个方法可以用作于真正的数据和类数组对象, 如标tagName(标签)、childNodes
// 这个方法不支持IE9以下版本的浏览器
Array.prototype.slice = function(begin, end) {
end = (typeof end !== 'undefined') ? end : this.length;
//如果只传一个参数,那么默认截取的位置为该数组或类数组长度的最后位置
// 对于原生数组对象,我们直接使用_slice函数,这一点求指教???
//???????????????????????????请大佬指教
if (Object.prototype.toString.call(this) === '[object Array]'){
// Object,prototype.toString.call(this)用来检测是否是原生数组对象
return _slice.call(this, begin, end);
}
// 下面是类数组的处理方法
var i, cloned = [],
size, len = this.length;
// 当第一个参数值为负值的时候
var start = begin || 0;
start = (start >= 0) ? start : Math.max(0, len + start);
// slice默认的解决办法是将负值加上总的类数组长度当成是第一个值
//处理第二个参数值为负数时候
var upTo = (typeof end == 'number') ? Math.min(end, len) : len;
//判断传进来的end参数是否为数值,若超过最大的数值,则取该类数组的长度,若不Number类型,则取该类数组的最大值
if (end < 0) {
upTo = len + end;
}
//若end小于0,取end值和该类数组的长度之和
size = upTo - start;
if (size > 0) {
cloned = new Array(size);
if (this.charAt) {
// 对于字符串
for (i = 0; i < size; i++) {
cloned[i] = this.charAt(start + i);
//从起始位置进行蒂芙穿的截取
}
} else {
//对于数组
for (i = 0; i < size; i++) {
cloned[i] = this[start + i];
//从起始位置进行蒂芙穿的截取
}
}
}
return cloned;
//若第二个参数减去第一个参数为负数,直接返回空数组
};
Array,prototype.slice.call()
let arrayLike = {
'0':'a',
'1':'b',
'2':'c',
length:3
}
// ES5的写法var arr1 = [].slice.call(arrayLike) //[a,b,c]
通过对slice的源码分析,我想大家肯定也知道为什么转换成数组必须得有length属性了和对象key值必须为有序数字了。
如有不对,欢迎批评指正。