// 我们还需要用到上次的 var shallowProperty = function(key) { return function(obj) { return obj == null ? void 0 : obj[key]; }; }; //首先我们得来弄清楚啥是类数组对 var arr = Array();//这是真正的数组具有length属性 console.log(arr.length)//0 // 真正的数组对象是可以使用Array.prototype对象上的所有方法的 // 但是类数组也具有length属性 // 但是呢,他们不能使用Array.prototype上的所有方法 // 这就是区别所在啊
var o = { length:2, name:'ken', age:18}// 那么那些是类数组对象呢// 比如函数参数里面的 arguments// 比如DOM对象,我们通过getElementsBy* 等方式获取的集合都是类数组// 都可以使用下标操作的,// 但是我们要如何判断一个对象是一个类数组对象// 光判断具有length属性是行不通的,// 上面我们说过,他们不具备Array.prototype 上的所有方法// length 属性的值必须是有限的// 下面我们来看看我们underscore.js是如何实现的呢var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;var getLength = shallowProperty('length');var isArrayLike = function(collection) { // 获取length属性 var length = getLength(collection); // 判断length的类型是否number类型 return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX;};console.log(isArrayLike(o))// 但是我们感觉也不够精确啊// 我觉得应该判断方法// 我们自己来实现以下var isArrayLike = function(collection){ var length = getLength(collection); return (!(Array.prototype.alice in collection) && !(Array.prototype.split in collection)) && typeof length === 'number' && length>=0 && length<=MAX_ARRAY_INDEX;}var oPs = document.querySelectorAll("p")console.log(isArrayLike(o));//trueconsole.log(isArrayLike(oPs));//truefunction call(a,b){ console.log(isArrayLike(arguments));//true;}call(1,2);复制代码
在这里附上我的github地址
© 2018 GitHub, Inc.