附在方法上?代码理解

attached to a method? code understanding

本文关键字:代码 方法      更新时间:2023-09-26

在我试图弄清楚的代码库中,我看到一个js文件(myloopfile.js)被导入到另一个js文件中。我正在努力理解使用的一些代码

这是myloopfile.js

function method1(value) {
    // return something 
}
var myLooper = function (obj, iterator, context) {
    var key;
    if (obj) {
        if (typeof obj === 'function') {
            for (key in obj) {
                if (key != 'prototype' && key != 'length' && key != 'name' && (!obj.hasOwnProperty || obj.hasOwnProperty(key))) {
                    iterator.call(context, obj[key], key);
                }
            }
        } else if (obj.forEach && obj.forEach !== forEach) {
            obj.forEach(iterator, context);
        } else if (isArrayLike(obj)) {
            for (key = 0; key < obj.length; key++)
                iterator.call(context, obj[key], key);
        } else {
            for (key in obj) {
                if (obj.hasOwnProperty(key)) {
                    iterator.call(context, obj[key], key);
                }
            }
        }
    }
    return obj;
};

………………………………………………………………………………。

myloopfile.js中的myLoop是这样调用的

var looper = require(‘../myloopfile.js);
looper({
        loop1: function(Home) { //do something },
        loop2: function(Home) { //dosomething }
    }, function(return1, return2) {
        //do something else
    });

我正试图找出这个在哪里

function(return1, return2) {
        //do something else
});

来自?我在那个文件中没有看到任何东西表明它附带了一个方法。参数return1和return2从哪里来?这是某种javascript附加东西的方式吗?

var myLooper = function (obj, iterator, context) {
    /* .... */
    iterator.call(context, obj[key], key);
    /* .... */
};

您通过:

looper({
    loop1: function(Home) { //do something },
    loop2: function(Home) { //dosomething }
}, function(return1, return2) {
    //do something else
});

所以

obj = {
    loop1: function(Home) { //do something },
    loop2: function(Home) { //dosomething }
}

iterator = function(return1, return2) {
    //do something else
}

Function.prototype.call()方法调用具有给定this值和单独提供的参数的函数。因此,在您的迭代器函数内部:

this = context;
return1 = obj[key];
return2 = key;

所以javascript有一个名为anonymous function的函数,不需要函数名。

基本上,它(在本例中)被用作参数的表达式。

以javascript函数setTimeout 为例

setTimeout可以将匿名函数作为其参数之一,即

var timer = setTimeout(function{
                          //do something
                         },
                       2000); 
 // setTimeout(function, time, paramters)

因此,您不必声明一个函数并将其作为参数传入

回到您的案例,您有一个匿名函数,它接受return1和return2

所以最终:

  return1 = obj[key];
  return2 = key;