Buscar y reemplazar con JavaScript

Question

Estoy tratando de crear una solución de plantillas JavaScript súper simple. Quiero utilizar el método JavaScript replace para encontrar todas las instancias de llaves en una plantilla y reemplazarlas con sus datos apropiados.

Por ejemplo, si mi plantilla fue: <p>My name is {{name}}. I am {{age}}.</p>

me gustaría el resultado: <p>My name is Olly. I am 19.</p>

Aquí está mi código hasta ahora: http://jsfiddle.net/2RkAG/

estoy tratando de hacer que sustituirá automáticamente cada pieza de datos, por lo que no tengo que decirle explícitamente al JavaScript qué reemplazar. Sin embargo, aquí es donde estoy teniendo problemas.

Answer 1

$1 solo funciona si pasa una cadena directamente. No funciona de la forma en que lo tiene, porque person["$1"] se evalúa antes de pasar la cadena a .replace - y person["$1"] es literalmente undefined.

Puede pasar una función en su lugar: http://jsfiddle.net/2RkAG/1/. La función se llama para cada reemplazo y tiene argumentos aprobados que son equivalentes a, p. $1.

$result.html(template.replace(/{{(.*?)}}/g, function(a, b) { 
    return person[b]; // a = complete match, b = first group 
})); 

que no es necesario para escapar de la primera {, tampoco.