如何从承诺中返回数据

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. 以下修改后的代码示例解析了 deferred once，并显示了传递给 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>