每天一点点-EXT源码分析之二

 

function(a, i, j, res){

                    res = [];

                    Ext.each(a, function(v) {

                        res.push(v);

                    });

                    return res.slice(i || 0, j || res.length);

                } :

下面看看这个闭包里到底有什么东西。

 

isIterable = function(v){

            //check for array or arguments

            if(Ext.isArray(v) || v.callee){

                return true;

            }

            //check for node list type

            if(/NodeList|HTMLCollection/.test(toString.call(v))){

                return true;

            }

            //NodeList has an item and length property

            //IXMLDOMNodeList has nextNode method, needs to be checked first.

            return ((v.nextNode || v.item) && Ext.isNumber(v.length));

        },

这个函数是判断传入的参数是否可以迭代，其实就是判断它是不是个数组和类数组。

这里涉及到一个js非常有趣的地方，就是类数组

什么是类数组？

类数组是像数组的对象。

也许就如js是鸭子类型那样，我理解的类数组，就是具有了可以像数组一样那样操作的基础，但它并不是数组或者其子类

就如上面注释那样，arguments，NodeList（node.clidenNodes返回值）,HTMLCollection都是比较常见的类数组。

如下面代码（测试代码，与EXT无关）

(function test(){

 f={

        length:"f"

     };

f=Array.prototype.slice.call(f);

alert(f instanceof Array);//true

})();

网上很多资料都说，只要有对象有length属性，可以用下面这个小技巧将对象转换为真正的数组，call真的太灵活了

Array.prototype.slice.call(f)

但是，我实验，在标准的游览器中，length属性甚至都是不需要的，只要是对象（基本类型不行），就可以转为数组,

而在IE，没有length属性，会报错。

求人解释。

EXT也有自己转换数组的方法,这个函数比较有意思，它会立即执行，判断游览器，返回其闭包：

toArray : function(){

            return isIE ?

                function(a, i, j, res){

                    res = [];

                    Ext.each(a, function(v) {

                        res.push(v);

                    });

                    return res.slice(i || 0, j || res.length);

                } :

                function(a, i, j){

                    return Array.prototype.slice.call(a, i || 0, j || a.length);

                }

        }(),

值得注意的是，DOM。

IE并实现DOM的方式比较特殊，是COM模型，，所以比较遗憾，并不能用

Array.prototype.slice.call(a, i || 0, j || a.length)把NodeList转换为数组。

所以对于IE采用这种方式。

function(a, i, j, res){

                    res = [];

                    Ext.each(a, function(v) {

                        res.push(v);

                    });

                    return res.slice(i || 0, j || res.length);

                } :