可想完成一个本身的简朴jQuery库？(五)

2024年1月27日 114次阅读 来源: 二哲

Lesson-4

这个版本我们要增添一个用的异常多的要领!

那就是each!

我们晓得each不仅能遍历数组,还能遍历对象.

起首我们须要一个对数组举行考证的要领

function isArray(obj) {
    return Array.isArray(obj);
}

接着就是我们的重头戏

Kodo.each = function(obj,callback) {
    var len = obj.length,
        constru = obj.constructor,
        i = 0;

    if(constru === window.f) {
        for (; i < len; i++) {
            var val = callback.call(obj[i],i,obj[i]);
            if(val === false) break;
        }
    } else if (isArray(obj)) {
        for (; i < len; i++) {
            var val = callback.call(obj[i],i,obj[i]);
            if(val === false) break;
        }
    } else {
        for( i in obj ) {
            var val = callback.call(obj[i],i,obj[i]);
            if(val === false) break;
        }
    }

};

由于我们还能够遍历Kodo数组对象

如

f("div").each(function(index,item) {

})

所以还须要一个推断 是不是是Kodo数组对象

if(constru === window.f) {
    for (; i < len; i++) {
        var val = callback.call(obj[i],i,obj[i]);
        if(val === false) break;
    }
}

在这应当强调下call的用法,照样很多人不晓得call什么时候运用.

在我们的callback里 第一个参数是下标,第二个参数是当前的对象,然后this还要指向他自身

所以 callback.call(obj[i],i,obj[i]); 就是如许写 第一个参数是转变this指向,第二个参数是下标,第三个是自身自身

很简单不是吗?

既然你都看到这里了,还不给我一个star?!

github地点: https://github.com/MeCKodo/forchange/tree/master/lesson-4
可想造一个属于你自身的jQuery库?(四)：http://segmentfault.com/a/1190000004001281

    原文作者：二哲
    原文地址: https://segmentfault.com/a/1190000004007629
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞