Отложить/отложить обещание решить

Question

Я хочу разрешить объект обещания так же, как это было бы сделано. Угловая дефер.революция с объектом обещания Javascript. Путь другой: я хочу создать объект обещания, который нужно вернуть. Это обещание будет разрешено позже.

В Угловое я бы написать так:

... 
$scope.checkThis = { test: false }; 

function getPromise() { 
    var deferred = $q.defer(); 
    var data = [1, 2, 3]; 

    function resolvePromise() { 
     deferred.resolve(data); 
    } 

    $scope.$watch("checkThis.test", function(newVal, oldVal) { 
     if (newVal) { 
      resolvePromise(); 
     } 
    }); 

    return deferred.promise; 
} 

$scope.getData1 = function() { 
    return getPromise(); 
}; 

$scope.getData2 = function() { 
    return getPromise(); 
}; 

... 

Как бы я добиться того же с простым объектом Javascript Promise? Я не вижу, как использовать конструктор Promise, поскольку есть одно событие ($ scope.checkThis.test становится истинным), что приведет к нескольким решениям.

Answer 1

Стандартные обещания используют revealing constructor pattern. Существует простой и предпочтительный способ сделать это:

function getPromise() { 
    return new Promise(resolve => { 
    var data = [1, 2, 3]; 
    $scope.$watch("checkThis.test", function(newVal, oldVal) { 
     if (newVal) { 
     resolve(data); 
     } 
    }); 
    }); 
} 

Берегись! Стандартные обещания не будут вызывать угловой цикл дайджеста, изменения, внесенные в области видимости внутри обещаний, могут не отразиться на пользовательском интерфейсе и наблюдателях немедленно. Именно по этой причине вы не можете просто изменить $q обещания к стандарту Promise s.

Если по какой-либо причине вы не можете применить шаблон раскрывающего конструктора к вашему сценарию, вот способ создания аналогичного отложенного класса. Помните, что вы всегда можете избежать использования этого класса, я просто оставляю его здесь, поэтому посетители видят, как перейти от старых библиотек обещаний без необходимости реструктуризации их существующего кода. Новый код не должен использоваться:

class Deferred { 
    constructor() { 
    this.resolve = null; 
    this.reject = null; 
    this.promise = null; 

    this.promise = new Promise((resolve, reject) => { 
     this.resolve = resolve; 
     this.reject = reject; 
    }); 
    } 
}