13

编辑
这是使我的问题更简单的尝试。

return this.someFunc(); == return { XXX:this.someFunc() };

我必须为 XXX 输入什么才能使此声明成立？

我正在尝试创建一个可以链接的函数。让我写一些假设的代码。（任何语法错误都会忽略，我打字速度很快，这只是概念代码。）假设所有函数都是在本地或全局定义的。:)

test = function(){
  this.someFunc = function(){
    this.retest = function(){
      //...code
    }
    //...code
  }
  this.someFunc2 = function(){
    //...code
  }
  return this.someFunc();
}

这个函数允许我链接：test().retest();
但我想做的是返回多个项目。

test = function(){
  this.someFunc = function(){
    this.retest = function(){
      //...code
    }
    //...code
  }
  this.someFunc2 = function(){
    //...code
  }
  return { XXX:this.someFunc(), //What do I put for XXX
           next:this };
}

我想这样做以访问 test() 提供的另一个功能：test().next.someFunc2();

所以我的问题是：
我仍然希望能够像这样链接：test().retest();
但我必须这样做：test().XXX.retest();

在我的代码中，我可以用什么名字代替 XXX 来完成这个？这甚至可能吗？我已经尝试过0了default。谢谢您的帮助。

4

8 回答 8

16

你可以像这样创建一个可链接的函数：

var test = function(){

    var self = {};
    console.log('test called')

    function someFunc() {
        console.log('someFunc')
        return self;
    }

    function someOtherFunc() {
        console.log('someOtherFunc')
        return self;
    }   

    self.someFunc = someFunc;
    self.someOtherFunc = someOtherFunc;
    return self;

}

test().someFunc().someOtherFunc();

希望这可以帮助

于 2012-08-21T23:04:25.433 回答
3 
function test() {
   // when test() is called as a regular function
   // it's `this` will be `undefined` (in strict mode) or will refer to a global object
   // when test() is called with `new` operator
   // it's `this` will be an instance of `test` object
   if(!(this instanceof test)) {
      // create a new object
      return new test();
   }
   else {
      // this is a `new object` creation              
      console.log('new Test created');
   }
}

// declare functions which will be accessible on test object
test.prototype.someFunc = function() {
    console.log('someFunc');
    return this;
};

test.prototype.someFunc2 = function() {
    console.log('someFunc2');
    return this;
};

// declare a `chaining` function - will create a new `test` object
test.prototype.test = function() {
    return new test(); // new instance will be created
};

使用此代码，您现在可以运行以下代码

test().someFunc().someFunc2().test().someFunc().someFunc().test().test()

以下字符串将写入控制台

new Test created
someFunc
someFunc2
new Test created
someFunc
someFunc
new Test created
new Test created
于 2012-09-04T07:31:13.070 回答
1

你有一个范围问题——你不能在函数中引用_NAME “测试”，因为你不知道它是如何被调用的。

如果你静态地这样做，你可以这样做：

test = function(){

    this.someFunc = function(){ // blaaa
    };

    //...code 
    return { 
        OUTPUT: this.someFunc(), //What do I put for XXX
        test: this
    };
}

将导致：

test().test().test().test().OUTPUT (or something like this)
于 2012-08-30T16:21:19.997 回答
1

好的，所以我想我理解你的问题，但我不确定（这里已经很晚了，所以请给我一些信任）。我认为您希望有这样的行为：

test(); //is ["result1"]
test().retest(); //is ["result1", "result2"]
test().retest().retest(); //is ["result1", "result2", "result3"]

您可能希望返回对象而不是字符串，但总体思路相同。代码变得非常简单：

var test = (function() {
    var results = ["result1"], 
        i = 1;

    results.retest = (function() {
        results.push("result" + (++i));
        return results;
    });

    return results;
});

test(); //is ["result1"]
test().retest(); //is ["result1", "result2"]
test().retest().retest(); //is ["result1", "result2", "result3"]

不确定这是否是您正在寻找的东西，但也许它会让您走上正确的道路。

于 2012-09-06T06:55:48.057 回答
0 
test = function(){

  var someFunc = function(){
      //...code
  }

  return {
      someFunc:someFunc,
      next:this
  }
}

编辑- 为清楚起见，更新以反映您的问题更新。

于 2012-08-21T22:37:42.047 回答
0

做这个

test = function(){
  this.someFunc = function(){
    this.retest = function(){
      //...code
    }
    //...code
  }
  this.someFunc2 = function(){
    //...code
  }

  var ret = this.somefunc();
  ret.next = this;

  return ret;
}

编辑：这是一个更好的功能版本

test = function(){
  var ret;

  var func = function() {
    console.log("test func");
  }

  ret = function(){
    func();
    return ret;
  }

  ret.test = ret;
  ret.next = ret; // You can define an arbitrary number of members here
  ret.XXX = func(); // Like this, and you can still chain it like your question

  return ret;
}
于 2012-08-30T17:00:57.043 回答
0

不确定您的意图是什么，但这将是一个可链接的Test功能：

function Test(){
  Test.retest = Test.retest || function(){console.log('retested'); return Test;}
  return Test;
}
Test().retest().retest().retest().retest();
/* => result
 retested
 retested
 retested 
 retested
*/
// and
log(Test() === Test); //=> true
于 2012-09-01T10:13:50.870 回答
0

由于您的示例与您发布的方式不同，我想您的意思如下：

test = function(){
  this.someFunc = function(){
    this.retest = function(){
      //...code
    }
    //...code
  }
  this.someFunc2 = function(){
    //...code
  }
  return new this.someFunc();
}

在返回时注意新的。现在，为了仍然能够链接你的函数，你必须返回这个：

return {retest: new this.someFunc().retest, next:this};

这样做可以让你打电话test().retest(); ，我希望这会有所帮助。

于 2012-09-06T10:14:14.940 回答