javascript - 如何在 javascript 中返回延迟方法的值

Question

我正在尝试编写一个模块，将坐标投影到新的空间引用中，但 JavaScript 语法再次击败了我。

这是模块当前的样子:

define(["esri/geometry/Point", ...], 
    function(Point, SpatialReference, ...){

    var gmsvc = new GeometryService("http://server/maps/rest/services/Utilities/Geometry/GeometryServer");
    /*...*/

    return {
        /*...*/
        //transforms the current point on the map to the new wkid
        transformCoordinates: function(point, newWkId) {

            var param = new ProjectParameters();
            var newPoint;
            param.geometries = [point];
            param.outSR = new SpatialReference({ wkid: newWkId});

            gmsvc.project(param);

            gmsvc.on('project-complete', function(result) {
                newPoint = result.geometries[0];
            });

            return newPoint;
        }   
    };
});

根据 documentation GeometryService.project(parameter) 被标记为延迟，因此我尝试在 OnProjectComplete 事件中访问它的结果。此时，result.geometries[0] 是一个具有 x、y 和 SpatialReference 属性的有效 Point。将其分配给 newPoint 变量并返回它，会导致返回 undefined:

console.log(CoordinateTransUtils.transformCoordinates(evt.mapPoint, 5254));
> undefined

将代码更改为

return gmsvc.on('project-complete', function(result) {
    return result.geometries[0];
});

返回值为:

Object {id: 216, receiveArguments: true, previous: Object}advice: (){var b,c={},e=arguments.length;for(b=0;b<e;b++)c[f[b]]=arguments[b];c.target||(c.target=d);a.call(d,c)}id: 216next: Objectprevious: ObjectreceiveArguments: trueremove: (){if(h.advice){var c=h.previous,d=h.next;!d&&!c?delete b[e]:(c?c.next=d:b[e]=d,d&&(d.previous=c));b=a=h.advice=null}}__proto__: Object

这也不是重点。因此，我的问题是，如何返回存储在 result.geometries[0] 中的点，并解释我在这里做错了什么。

Answer 1

在您的示例中，newPoint 仅在 return 语句已处理后才会实际设置，因此当该行运行时它是未定义的。

通常，如果函数逻辑中的某些内容是异步的，则函数本身本质上也需要是异步的。通常在这些情况下，建议返回 promise 。例如:

    transformCoordinates: function(point, newWkId) {
        var dfd = new Deferred(); // (from dojo/Deferred)
        var param = new ProjectParameters();
        param.geometries = [point];
        param.outSR = new SpatialReference({ wkid: newWkId});

        gmsvc.project(param);

        gmsvc.on('project-complete', function(result) {
            dfd.resolve(result.geometries[0]);
        });
        // If there is an accompanying error event, you should also
        // listen to that and call dfd.reject in its handler.

        return dfd.promise;
    }

请参阅Deferred和 Promise教程以获取更多信息。