0

作为我正在构建的 Web 应用程序的一部分，可以同时从服务器输入多个命令。

处理这些命令时，数据将趋于更新，然后可能会发生相当大量的页面 HTML 生成。

在多个类似命令进来的那一刻，程序会对数据进行处理，然后每次都重新生成部分页面。这会导致大量浪费的处理时间。

因此，我正在尝试创建一个调用堆栈，因此在处理命令时，它会查看命令触发的函数是否在堆栈中，如果未找到，则添加它。

我的问题是将调用堆栈中的被调用函数保持在正确的范围内，同时还能够消除重复项。

基本代码：

var tools = {
  functions:{
    function1: function(){
      return this;
    },
    function2: function(){
    }
  },
  unique: function(arr){
    var returnArr=[],
        x, i;

    for (x=0; x<arr.length; x++){
      for (i=(x+1); i<arr.length; i++){
        if (arr[x]===arr[i]){
          arr.splice(i, 1);
        }
      }
      returnArr.push(arr[x]);
    }

    return returnArr;
  }
}

示例 1：

var callstack=[tools.functions.function1, tools.functions.function1];

callstack = tools.unique(callstack);

for (var x=0; x<callstack.length; x++){
  console.log(callstack[x](), "should equal tools.functions");
}

这失败了，因为“this”将返回 [function()]

示例 2：

var callstack=[
  (function(){return tools.functions.function1()}),
  (function(){return tools.functions.function1()})
];

callstack = tools.unique(callstack);

for (var x=0; x<callstack.length; x++){
  console.log(callstack[x](), "should equal tools.functions");
}

这会失败，因为您无法确保函数是唯一的，因此它仍会运行该函数两次。

这可以通过使用两个数组（一个跟踪函数名称，一个保存封装函数）并使它们保持同步来解决，但我不禁觉得必须有一种更清洁的方式使用 .打电话，但我看不到。

JSFiddle：http: //jsfiddle.net/Kj6E8/

4

2 回答 2

1

在 JavaScript 中，this是从外部调用者定义的，所以当你这样做时：

callstack[x]()

您正在将window范围纳入功能。如果要引入tools.functions对象，则需要执行以下操作：

callstack[x].call(tools.functions);

http://jsfiddle.net/Yv4sM/

于 2012-11-01T10:54:43.150 回答
1

一般而言，不可能以this您需要的方式保留价值。一旦将这些函数推送到数组中，这些函数曾经驻留的对象就会丢失。

如果您只在单个对象上调用函数，则需要以某种方式将函数绑定到该对象。有很多方法可以做到这一点，例如，您可以传递对象以将这些函数绑定到您的唯一函数中。

http://jsfiddle.net/8WAZb/1/

var tools = {
  functions:{
    function1: function(){
      return this;
    },
    function2: function(){
    }
  },
  unique: function(arr, o){
    var returnArr=[],
        x, i;

    for (x=0; x<arr.length; x++){
      for (i=(x+1); i<arr.length; i++){
        if (arr[x]===arr[i]){
          arr.splice(i, 1);
        }
      }
        returnArr.push(this.bind(arr[x], o));
    }

    return returnArr;
  },
  bind: function(f, o) {
      return function () {
          return f.apply(o, arguments);
      }
  }
}

console.info("Example 1:");
var callstack=[tools.functions.function1, tools.functions.function1];
callstack = tools.unique(callstack, tools.functions);
console.log("Callstack:",callstack);
for (var x=0; x<callstack.length; x++){
  console.log(callstack[x](), "should equal tools.functions");
}

您如何以及何时推断 的值this实际上取决于您何时将该对象包含在范围内。假设您更有可能在调用堆栈创建阶段将该对象放在范围内，并且可能不一定在您希望调用调用堆栈中的函数的时候。如果是这样的话，尽早绑定（即在减少到一个唯一的调用堆栈期间）似乎是一个明智的选择。

于 2012-11-01T11:14:12.600 回答