Question

我正在使用Javascript中的替换。我做了这样的事情：

var replacedText = originalText.replace(regex, function(value, i) { 
    return value + 'some_additional_data';
});

return replacedText;

但是现在我需要在replace方法中加载HTML模板。以这种方式调用load方法：

res.render(location, json, function(error, html) {
    //i have the html loaded with my json data
});

我需要在我的替换方法中加载它，但我无法做到：

var replacedText = originalText.replace(media, function(value, i) {
    var json = buildJSON(value);
    res.render(location, json, function(error, html) {
        //how could i return the "html" object for the replace function?
    });
});

我尝试了类似的东西，但它不起作用：

var replacedText = originalText.replace(media, function(value, i) {
    var json = buildJSON(value);
    return res.render(location, json, function(error, html) {
        return html;
    });
});

任何帮助将不胜感激非常感谢您提前

Answer 1

不，replace仅支持同步回调。但是，这是一个通用函数，它接受一个产生promise的回调，并返回一个包含所有替换的字符串的promise：

function replaceAsync(str, re, callback) {
    // http://es5.github.io/#x15.5.4.11
    str = String(str);
    var parts = [],
        i = 0;
    if (Object.prototype.toString.call(re) == "[object RegExp]") {
        if (re.global)
            re.lastIndex = i;
        var m;
        while (m = re.exec(str)) {
            var args = m.concat([m.index, m.input]);
            parts.push(str.slice(i, m.index), callback.apply(null, args));
            i = re.lastIndex;
            if (!re.global)
                break; // for non-global regexes only take the first match
            if (m[0].length == 0)
                re.lastIndex++;
        }
    } else {
        re = String(re);
        i = str.indexOf(re);
        parts.push(str.slice(0, i), callback.apply(null, [re, i, str]));
        i += re.length;
    }
    parts.push(str.slice(i));
    return Promise.all(parts).then(function(strings) {
        return strings.join("");
    });
}

Answer 2

当您有一个需要同步返回值的回调时，您不能在该回调中使用异步操作来获取该值。异步操作（根据定义）将在回调返回后的某个时间结束，因此异步操作的结果不可用于从回调返回，并且无法使JS等待异步操作。

我并不完全遵循您的代码尝试做的事情，但从您的话来看，听起来您想要加载HTML模板并在替换操作中使用它。有一些不同的方法可以解决这个问题。

例如，您可以通过两次传递来完成此操作。

第一遍并没有真正改变你的字符串，而只是建立了一个需要的模板列表。
然后，您加载该列表中的所有模板。
然后，当您需要加载所有模板时，您可以使用已加载的模板进行替换，以进行您计划的同步替换。

内部异步加载替换功能

2 个答案: