Aufschieben Ausführung für ES6 Vorlage Literale

Question

ich mit dem neuen ES6 Template Literals Funktion und das erste, was ich spielen, die mir in den Kopf kam, war ein String.format für Javascript, damit ich über die Implementierung eines Prototyps ging:

String.prototype.format = function() { 
    var self = this; 
    arguments.forEach(function(val,idx) { 
    self["p"+idx] = val; 
    }); 
    return this.toString(); 
}; 
console.log(`Hello, ${p0}. This is a ${p1}`.format("world", "test")); 

ES6Fiddle

Allerdings wird das Vorlagen-Literal vor ausgewertet, es wird an meine Prototyp-Methode übergeben. Gibt es eine Möglichkeit, den obigen Code zu schreiben, um das Ergebnis zu verschieben, bis ich die Elemente dynamisch erstellt habe?

Answer 1

kann ich drei Möglichkeiten, um dieses sehen:

• Vorlage verwenden Strings wie sie entworfen wurden verwendet werden, ohne format Funktion:

  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")); 
  

• keine Vorlage Zeichenfolge Verwenden Sie , aber ein einfaches 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")); 
  

• Verwenden Sie ein getaggtes Vorlagenliteral. Beachten Sie, dass die Ersetzungen weiterhin ausgewertet werden, ohne dass der Handler sie abfängt. Daher können Sie keine Identifikatoren wie p0 verwenden, ohne eine so benannte Variable zu haben. Dieses Verhalten kann sich ändern, wenn ein different substitution body syntax proposal is accepted (Update: es war nicht).

  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:^   ^