javascript - 使用 $q 在 Angular 上覆盖 javascript 函数

Question

我正在使用具有许多这些功能的 javascript 库:

var obj = Object.create(var1, var2);

obj.execute({
  success: function(newObj) {
    console.log("Success: " + newObj)
  },
  failure: function(newObj, errorStr) {
    console.log("Error: " + errorStr);
  }
});

我希望这些函数返回 promise 而不是回调，所以我的第一个尝试是将它们包装在其他函数上:

$scope.replaceExecute = function(obj){
  var defer = $q.defer();

  obj.execute({
    success: function(newObj) {
      $scope.$apply(function (){
        defer.resolve(newObj);
      });
    },
    failure: function(newObj, errorStr) {
      $scope.$apply(function (){
        defer.reject(newObj, errorStr);
      });
    }
  });
  return defer.promise;
};

但我想替换原来的原型(prototype)函数而不是创建一个新的，所以我试过这个:

var origMethod = Object.prototype["execute"];

// Overwrite original function by wrapping it with $q
Object.prototype["execute"] = function() {
  return origMethod.apply(this, arguments)
  .then(function(data){
    var defer = $q.defer();
    defer.resolve(data);
    return defer.promise;
  }, function(err){
    var defer = $q.defer();
    defer.reject(err);
    return defer.promise;
  });
};

但是在使用的时候，获取的不是newObj对象，而是一个回调方法:

var obj = Object.create(var1, var2);

obj.execute().then(
  function(newObj) {
    // This won't get newObj but some callback methods
    console.log("Success: " + newObj)
  },
  function(error,errorString) {
    // This won't get error but some callback methods
  }
);

我错过了什么？

Answer 1

您需要先创建 promise ，运行方法(解决或拒绝 promise )，然后返回 promise :

Object.prototype["execute"] = function() {
    var defer = $q.defer();
    origMethod.apply(this, arguments)
        .then(function(data){
            defer.resolve(data);
        }, function(err){
            defer.reject(err);
        });
    return defer.promise;
});