javascript / angular $ promise并作为独立函数捕获

Question

所以我有多个函数都使用大约相同的$ promise.then-> catch链。 我想知道如何将其作为一个单独的函数来减少重复代码。

使用“几乎”相同链接的两个函数的示例：

neDynamicMapService

 function checkGeoDataServiceDynamicMap() { neDynamicMapService.get({ 'bbox': '282254.0907785857,7067749.991627717,283178.8115196741,7068194.492510452', 'size': '699,336', 'dpi': '96', 'format': 'png24', 'transparent': 'true', 'bboxSR': 25833, 'imageSR': 25833, 'layers': 'show:1,2,3', 'layerDefs': '{"3":"seksjonsnr=0}"', 'token': $scope.geoToken, 'f': 'image' }).$promise.then( function callback(data) { $scope.geoDataServiceDynamicMap = ((data.data !== null) && (data.headers[Object.keys(data.headers)[0]] === "image/png")) ? 'geoDataServiceDynamicMap_OK' : 'monitoring_fail'; $scope.allChecks.push($scope.geoDataServiceDynamicMap); } ).catch(function errback(err) { $scope.geoDataServiceDynamicMap = 'monitoring_failure'; }); }; 

checkGeoDataServiceIdentity

 function checkGeoDataServiceIdentity() { neIdentityMapService.get({ 'sr': '25833', 'ImageDisplay': '699,336,96', 'mapExtent': '121517.75468785927,6612387.032135592,121619.89991039888,6612464.586427085', 'geometry': 'esriGeometryPoint', 'geometryType': 'true', 'layers': 'all', 'tolerance': '0', 'token': $scope.geoToken, 'f': 'json' }).$promise.then( function callback(data) { $scope.geoDataServiceIdentity = ((data.data !== null) && (data.headers[Object.keys(data.headers)[0]] === "image/png")) ? 'geoDataServiceIdentity_OK' : 'monitoring_fail'; $scope.allChecks.push($scope.geoDataServiceIdentity); } ).catch(function errback(err) { $scope.geoDataServiceIdentity = 'monitoring_failure'; }); }; 

因此问题是，是否有可能制作一个单独的功能，使基本上$ promise.then-> catch的所有工作都能完成？ 这样，我不必重复很多。

Answer 1

我希望我做对了

function generic(service, getOptions, thing) {
    service.get(getOptions).$promise.then(data => {
        $scope[thing] = ((data.data !== null) && (data.headers[Object.keys(data.headers)[0]] === "image/png")) ? thing+"_OK" : 'monitoring_fail';
        $scope.allChecks.push(thing);
    }).catch(err => $scope[thing] = 'monitoring_fail');
}

您可以使用

generic(neDynamicMapService, {
    'bbox': '282254.0907785857,7067749.991627717,283178.8115196741,7068194.492510452',
    'size': '699,336',
    'dpi': '96',
    'format': 'png24',
    'transparent': 'true',
    'bboxSR': 25833,
    'imageSR': 25833,
    'layers': 'show:1,2,3',
    'layerDefs': '{"3":"seksjonsnr=0}"',
    'token': $scope.geoToken,
    'f': 'image'
  }, 'geoDataServiceDynamicMap');

generic(neIdentityMapService, {
    'sr': '25833',
    'ImageDisplay': '699,336,96',
    'mapExtent': '121517.75468785927,6612387.032135592,121619.89991039888,6612464.586427085',
    'geometry': 'esriGeometryPoint',
    'geometryType': 'true',
    'layers': 'all',
    'tolerance': '0',
    'token': $scope.geoToken,
    'f': 'json'
  }, 'geoDataServiceIdentity');

道歉ES2015 +代码

Answer 2

您可以概括如下

var catchFunction = function errback(err) {
    $scope.geoDataServiceDynamicMap = 'monitoring_failure';
  });


function checkGeoDataServiceDynamicMap() {
  neDynamicMapService.get({
    'bbox': '282254.0907785857,7067749.991627717,283178.8115196741,7068194.492510452',
    'size': '699,336',
    'dpi': '96',
    'format': 'png24',
    'transparent': 'true',
    'bboxSR': 25833,
    'imageSR': 25833,
    'layers': 'show:1,2,3',
    'layerDefs': '{"3":"seksjonsnr=0}"',
    'token': $scope.geoToken,
    'f': 'image'
  }).$promise.then(
    function callback(data) {
      $scope.geoDataServiceDynamicMap = ((data.data !== null) && (data.headers[Object.keys(data.headers)[0]] === "image/png")) ? 'geoDataServiceDynamicMap_OK' : 'monitoring_fail';
      $scope.allChecks.push($scope.geoDataServiceDynamicMap);
    }
  ).catch(catchFunction(err))
};

function checkGeoDataServiceIdentity() {
  neIdentityMapService.get({
    'sr': '25833',
    'ImageDisplay': '699,336,96',
    'mapExtent': '121517.75468785927,6612387.032135592,121619.89991039888,6612464.586427085',
    'geometry': 'esriGeometryPoint',
    'geometryType': 'true',
    'layers': 'all',
    'tolerance': '0',
    'token': $scope.geoToken,
    'f': 'json'
  }).$promise.then(
    function callback(data) {
      $scope.geoDataServiceIdentity = ((data.data !== null) && (data.headers[Object.keys(data.headers)[0]] === "image/png")) ? 'geoDataServiceIdentity_OK' : 'monitoring_fail';
      $scope.allChecks.push($scope.geoDataServiceIdentity);
    }
  ).catch(catchFunction(err))
};