Requirejs и итерация?

Question

[Mikhail]

Вот такой вот блок кода из приложения Backbone Marionette:

...
initialize: function(opt){
        
        var classes = [];
        for(i=0;i<opt.rightblocks.length;i++){
            require(['./project/Modules/'+opt.rightblocks[i]+'/Start',], function(){
                //var cm = Project.Classes.Modules[opt.rightblocks[i]]
                //var block = this.rightblocks[i] = Project.module(opt.rightblocks[i], Project.Classes.Modules[opt.rightblocks[i]].Start);
                //var block = this.rightblocks[i] = new opt.rightblocks[i];
                console.log(i);
                classes[i] = block.name;
                this.addRegion(block.name, '.'+block.name);
            });
        }
...

console.log(i) вместо 0 печатает 1
Но если закоментировать 'require(['./project/Modules/'+opt.rightblocks[i]+'/Start',], function(){' и 'закрывашку' - всё работает корректно.
Признаться я недавно стал использовать AMD принцип, асинхронной загрузки JS.
Но иногда нужно что-бы всё было синхронно. Как это сделать?

Answer 1

[Алексей Зуев]

for(i=0;i<opt.rightblocks.length;i++){
	(function(i){
	    require(['./project/Modules/'+opt.rightblocks[i]+'/Start',], function(){
	        console.log(i);
	        classes[i] = block.name;
	        this.addRegion(block.name, '.'+block.name);
	    });
    })(i);
}

Comments

[Mikhail]

О молодца... Я примерно так-же и делал только:

require(['./project/Modules/'+opt.rightblocks[i]+'/Start',], function(){
console.log(i);
classes[i] = block.name;
this.addRegion(block.name, '.'+block.name);
})(i);

Видимо надо было немного сложнее...

Answer 2

[Сергей Мельников]

видимо первый модуль из массива модулей не существует (нет такого файла) и поэтому не отрабатывает колбек

'./project/Modules/'+opt.rightblocks[0]+'/Start' // такого файла нет

Comments

[Mikhail]

Есть!

GET
testproject.python/static/public/js/project/Models... [HTTP/1.1 200 OK 30мс]
GET
testproject.python/static/public/js/project/Views/... [HTTP/1.1 200 OK 32мс]
Error: An "el" .menupos must exist in DOM backbone.marionette.js:885:0
GET
testproject.python/static/public/js/project/Module... [HTTP/1.1 200 OK 7мс]
GET
testproject.python/static/public/js/project/Views/...

Answer 3

[Никита Гущин]

Ваша проблема в том, что Вы замыкаете коллбек на значение переменной i. Если коллбек не успевает отработать до конца цикла (а так и происходит), то вы в console.log будете получать всегда последнее значение i. Подробнее Почему происходит магия в JS коде?

Comments

[Mikhail]

да, я не раз с этим сталкивался... Просто мне казалось что require предусмотрена такая 'шляпа'

[Никита Гущин]

Mikhail: require - всего лишь функция, она никак не изменит поведение JS)