System.import обещание СЦЕПЛЕНИЕ

Question

Я наткнулся на некоторых фрагментах similar to this one:

System.import('core-js').then(function() { 
    System.import('polymer/mutationobservers').then(function() { 
     System.import('aurelia-bootstrapper'); 
    }) 
    }); 

ли это замена для обратного вызова ад - это обещание ад? Может ли последовательный System.import сгладить, чтобы использовать цепочку обещаний, или могут быть проблемы с этим?

Answer 1

Я бы рекомендовал вместо этого цепочку, например.

System.import('core-js') 
    .then(function(){ 
     return System.import('polymer/mutationobservers'); 
    }) 
    .then(function(){ 
     return System.import('aurelia-bootstrapper'); 
    }); 

Когда вы return обещания от then, он будет ждать, что для разрешения перед выполнением следующего then, так что в этом случае mutationobservers необходимо загрузить перед тем aurelia-bootstrapper.

Answer 2

Поскольку System.import возвращает обещание, используйте группу обещаний. Я нахожу это немного более прямым, чем цепочка.

Promise.all([ 
    System.import('core-js'), 
    System.import('polymer/mutationobservers'), 
    System.import('aurelia-bootstrapper') 
]).then(function(modules) { 
    var corejs = modules.shift(), 
     mutationobservers = modules.shift(), 
     aureliaBootstrapper = modules.shift() 
    ; 

    // You code goes here. 
});