свойство ES6 Модуль наблюдения

Question

У меня есть модуль:

var progress = { 
    val: 0 
}; 

var service = (function(){ 

    function someMethod(){ 
     progress.val++; 
    } 

    return{ 
     someMethod: someMethod 
    }; 

})(); 

export {service,progress} 

someMethod будет выполнять операцию, где итерированный массив. Я хотел бы увеличить progress.val на каждую итерацию. Этот прогресс должен тогда наблюдаться:

System.import('components/Service.js') 
    .then(function(M){ 
      self.progress = M.progress; 

      Object.observe(M.progress,function(c){ 
       console.dir(c); 
      }); 
     }); 

К сожалению, наблюдатели обратного вызова вызывается только один раз, держа массив изменений с одного элемента на одну итерацию.

Как я могу вызвать обратный вызов на каждой итерации?

Answer 1

Вот как работает наблюдение за объектом.

Наблюдатель будет стрелять только при следующем тике часов с коллекцией записей. Он не запускает синхронно по отдельным изменениям по мере их создания. См. Также Object.Observe Synchronous Callback.

Чтобы выполнить то, что вы хотите, один из подходов состоит в том, чтобы переписать ваш итератор так, чтобы он «каждый раз спит» через петлю, чтобы дать Object.observe шанс стрелять. Я не обязательно рекомендую этот точный подход, но только в качестве примера:

function iterate(a, fn) { 
    (function loop() { 
     if (!a.length) return; 
     fn(a.shift()); 
     setTimeout(loop); 
    })(); 
} 

Теперь будут представлены какие-либо изменения в свойствах, сделанных на наблюдения объекта по fn во время этой итерации цикла.

Вы могли бы сделать то же самое с помощью обещаний:

function iterate(a, fn) { 
    a.reduce((p, e) => p.then(() => fn(e)), Promise.resolve()); 
} 

Если вам случится быть в асинхронном/ОЖИДАНИИ среды (это функция ES7, но доступно в transpilers, такие как Вавилонский), то вы могли бы также сделать следующее, что под одеялом о эквивалентна обещаниям подойти выше:

async function iterate(a, fn) { 
    for (i of a) await fn(i); 
} 

Как и в сторону, Вам не нужно IIFE здесь. Кроме того, self не объявлен - я ожидаю ошибку во время выполнения на линии self.progress = M.progress.