Question

我想创建一个对象，该对象修改了源对象中所有方法的版本，但是我在使用for ...时遇到了问题。

如果这是我的源对象：

var raw = {};
raw.add = function(a,b){return a + b;}
raw.sub = function(a,b){return a - b;}
raw.neg = function(a){return -a;}
raw.sqrt = function(a){return Math.sqrt(a);}

如果我在字符串数组中重新创建属性列表，它会起作用：

var mod2 = Object.create(raw);
var proplist = ["add", "sub", "neg", "sqrt"];
proplist.forEach(function(prop){

    mod2[prop] = function(){
        var arglist = [].slice.apply(arguments);
        var out = [];
        if(arglist.length == 1){
            [].concat(arglist[0]).forEach(function(d){ out.push(raw[prop](d)); });
        }
        else if(arglist.length == 2){
            [].concat(arglist[0]).forEach(function(d1){
                [].concat(arglist[1]).forEach(function(d2){
                    out.push(raw[prop](d1,d2));
                })
            });
        }
        return out;
    }
});

但是我尝试使用for ..in不起作用，新对象中的所有方法都会做＆＃34; sqrt＆＃34;：

var modified = Object.create(raw);
for(prop in raw){

    modified[prop] = function(){
        var arglist = [].slice.apply(arguments);
        var out = [];
        if(arglist.length == 1){
            [].concat(arglist[0]).forEach(function(d){ out.push(raw[prop](d)); });
        }
        else if(arglist.length == 2){
            [].concat(arglist[0]).forEach(function(d1){
                [].concat(arglist[1]).forEach(function(d2){
                    out.push(raw[prop](d1,d2));
                })
            });
        }
        return out;
    }
}

自动迭代方法的最佳方法是什么？

Answer 1

<script>
    var raw = {};
    raw.add = function () { console.log('add default method'); }
    raw.sub = function () { console.log('sub default method'); }
    raw.neg = function () { console.log('neg default method'); }
    raw.sqrt = function () { console.log('sqrt default method'); }
    console.log('*****************');
    console.log('before modifying');
    console.log('*****************');
    raw.add();
    raw.sub();
    raw.neg();
    raw.sqrt();
    var proplist = ["add", "sub", "neg", "sqrt"];
    console.log('*****************');
    console.log('after modifying');
    console.log('*****************');
    console.log('');
    var modified = Object.create(raw);
    for (prop in proplist) {
        if (prop == 0)
            console.log('rewriting methods and calling methods inside loop................');
        modified[proplist[prop]] = function () { console.log(proplist[prop] + ' method  modified, ' + proplist.length + ' argument passed') }
        modified[proplist[prop]]();
    }
    console.log('');
    console.log('trying call methods after loop is done................');
    modified.add();
    modified.sub();
    modified.neg();
    modified.sqrt();
    console.log('...it is becaouse "prop" variable in loop holding last count number ' + prop);
</script>

Answer 2

感谢arnold.NET.JS回复澄清问题，我看到封闭是一种方法：

var raw = {};
raw.add = function(a,b){return a + b;}
raw.sub = function(a,b){return a - b;}
raw.neg = function(a){return -a;}
raw.sqrt = function(a){return Math.sqrt(a);}

var mod = Object.create(raw);
for(prop in raw){

    mod[prop] = (function(){

        var propname = prop;
        function f(){
            var arglist = [].slice.apply(arguments);
            var out = [];
            if(arglist.length == 1){
                [].concat(arglist[0]).forEach(function(d){ out.push(raw[propname](d)); });
            }
            else if(arglist.length == 2){
                [].concat(arglist[0]).forEach(function(d1){
                    [].concat(arglist[1]).forEach(function(d2){
                        out.push(raw[propname](d1,d2));
                    })
                });
            }
            return out;
        }
        return f;
    })();
}

Answer 3

第二个实现的问题是您在新方法中使用prop（稍后会调用），但创建for的{{1}}循环已经运行在某个时候稍后调用该方法时完成，因此prop不再是正确的值（它将始终是最后一个属性）。我在我的实现中通过捕获IIFE中的prop（立即调用的函数表达式）来修复它，因此每次通过prop循环时它将被单独冻结。您的第一个实现没有遇到此问题，因为您在使用回调函数的属性数组上使用for，该回调函数会自动将.forEach()的值捕获到闭包中。

所以这是对您的实施进行这些更改的结果：

添加IIFE以冻结prop的值，以便在新方法中使用。
添加额外的检查以确保我们复制的方法不会被继承并且是函数。
将prop初始化为普通对象，因为我在这里看不到任何使用raw的理由。

代码：

Object.create()

工作演示：http://jsfiddle.net/jfriend00/5LcLh/

使用源对象中所有方法的修改版本创建对象

3 个答案: