且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

推迟执行 ES6 模板文字

更新时间:2022-06-10 23:30:25

我可以看到三种解决方案:

I can see three ways around this:

  • 使用模板字符串,就像它们设计的那样,没有任何format函数:

console.log(`Hello, ${"world"}. This is a ${"test"}`);
// might make more sense with variables:
var p0 = "world", p1 = "test";
console.log(`Hello, ${p0}. This is a ${p1}`);

甚至函数参数用于实际延迟评估:

or even function parameters for actual deferral of the evaluation:

const welcome = (p0, p1) => `Hello, ${p0}. This is a ${p1}`;
console.log(welcome("world", "test"));

  • 不要使用模板字符串,而是使用纯字符串文字:

  • Don't use a template string, but a plain string literal:

    String.prototype.format = function() {
        var args = arguments;
        return this.replace(/${p(d)}/g, function(match, id) {
            return args[id];
        });
    };
    console.log("Hello, ${p0}. This is a ${p1}".format("world", "test"));
    

  • 使用标记的模板文字.请注意,替换仍将在没有处理程序拦截的情况下进行评估,因此您不能在没有名为 so 的变量的情况下使用像 p0 这样的标识符.如果不同的替换正文语法 提议被接受(更新:不是).

  • Use a tagged template literal. Notice that the substitutions will still be evaluated without interception by the handler, so you cannot use identifiers like p0 without having a variable named so. This behavior may change if a different substitution body syntax proposal is accepted (Update: it was not).

    function formatter(literals, ...substitutions) {
        return {
            format: function() {
                var out = [];
                for(var i=0, k=0; i < literals.length; i++) {
                    out[k++] = literals[i];
                    out[k++] = arguments[substitutions[i]];
                }
                out[k] = literals[i];
                return out.join("");
            }
        };
    }
    console.log(formatter`Hello, ${0}. This is a ${1}`.format("world", "test"));
    // Notice the number literals: ^               ^