Как вернуть данные из обещание

Question

У меня есть некоторые функции, как этот

function getIndex(name) { 
    var deferred = $.Deferred(); 
    var index = 0; 
    $("#dropDown option").each(function() { 
     if ($(this).text() === name) { 
      index = this.index + 1; 
      deferred.resolveWith(this, {result: index }); 
      return deferred.promise(); 
     } 
    }); 

    deferred.resolveWith(this, { result: index }); 
    return deferred.promise(); 
} 

И тогда я звоню функцию:

getIndex("Hello World").done(function(result) { 
alert (result); 
}); 

Однако содержание результата не определено.

Я неправильно использую отложенную логику? Что тогда будет правильным?

Answer 1

Несколько «проблем».

1. Независимо от выбора, чтобы использовать resolveWith, его синтаксис принимает массив в качестве второго аргумента, а не объект.

2. Похоже, что попытка получить индекс каждой опции, имеющей соответствующий текст. Представляя варианты с тем же текстом в выпадающий может быть необычным

3. Следующий модифицированный пример кода решает отсроченной один раз, и показывает, как массив значений, передаваемых методу resolve передается в виде отдельных параметров для done обратного вызова.

function getIndex(name) { 
 
     var deferred = $.Deferred(); 
 
     var result = []; 
 
     $("#dropDown option").each(function() { 
 
      if ($(this).text() == name) { 
 
       result.push(this.index + 1); 
 
      } 
 
     }); 
 
     deferred.resolveWith(this, result); 
 
     console.log("result in getIndex: " + result); 
 
     return deferred.promise(); 
 
    } 
 
    
 
    getIndex("hello folks and world").done(function(a, b) { 
 
     console.log("done callback arguments: " + a + ", " + b); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dropDown"> 
 
    <option>hello folks and others</option> 
 
    <option>hello folks and world</option> 
 
    <option>hello folks and world</option> 
 
</select>