¿Cómo interpolar variables en cadenas en JavaScript, sin concatenación?

Antes de Firefox 34 / Chrome 41 / Safari 9 / Microsoft Edge, no, eso no era posible en javascript. Usted tendría que recurrir a:

var hello = "foo";
var my_string = "I pity the " + hello;

Antes de Firefox 34 / Chrome 41 / Safari 9 / Microsoft Edge, no. Aunque podrías probar sprintf para JavaScript para llegar a mitad de camino:

var hello = "foo";
var my_string = sprintf("I pity the %s", hello);

Bueno, podrías hacer esto, pero no es esp general

'I pity the $fool'.replace('$fool', 'fool')

Podría escribir fácilmente una función que haga esto de manera inteligente si realmente necesita

Si te gusta escribir CoffeeScript puedes hacer:

hello = "foo"
my_string = "I pity the #{hello}"

CoffeeScript en realidad ES javascript, pero con una sintaxis mucho mejor.

Para obtener una visión general de CoffeeScript, consulte esta guía para principiantes.

Respuesta completa, lista para ser utilizada:

 var Strings = {
        create : (function() {
                var regexp = /{([^{]+)}/g;

                return function(str, o) {
                     return str.replace(regexp, function(ignore, key){
                           return (key = o[key]) == null ? '' : key;
                     });
                }
        })()
};

Llamar como

Strings.create("My firstname is {first}, my last name is {last}", {first:'Neo', last:'Andersson'});

Para adjuntarlo a String.prototipo:

String.prototype.create = function(o) {
           return Strings.create(this, o);
}

Luego use como:

"My firstname is ${first}".create({first:'Neo'});

Puede usar esta función javascript para hacer este tipo de plantillas. No es necesario incluir una biblioteca completa.

function createStringFromTemplate(template, variables) {
    return template.replace(new RegExp("\{([^\{]+)\}", "g"), function(_unused, varName){
        return variables[varName];
    });
}

createStringFromTemplate(
    "I would like to receive email updates from {list_name} {var1} {var2} {var3}.",
    {
        list_name : "this store",
        var1      : "FOO",
        var2      : "BAR",
        var3      : "BAZ"
    }
);

Producto: "I would like to receive email updates from this store FOO BAR BAZ."

Usando una función como argumento para la cadena.la función replace () era parte de la especificación ECMAScript v3. Vea esto para responder para más detalles.

Si estás tratando de hacer interpolación para microtemplar, me gusta Bigote.js con ese fin.

Escribí este paquete npm stringinject https://www.npmjs.com/package/stringinject que le permite hacer lo siguiente

var string = stringInject("this is a {0} string for {1}", ["test", "stringInject"]);

Que reemplazará los {0} y {1} con los elementos de la matriz y devolverá la siguiente cadena

"this is a test string for stringInject"

O puede reemplazar los marcadores de posición con claves de objeto y valores como estos:

var str = stringInject("My username is {username} on {platform}", { username: "tjcafferkey", platform: "GitHub" });

"My username is tjcafferkey on Github" 

No veo ninguna biblioteca externa mencionada aquí, pero Lodash tiene _.template(),

Https://lodash.com/docs/4.17.10#template

Si ya está haciendo uso de la biblioteca, vale la pena echarle un vistazo, y si no está haciendo uso de Lodash, siempre puede seleccionar métodos de npm npm install lodash.template para que pueda reducir los gastos generales.

Forma más simple -

var compiled = _.template('hello <%= user %>!');
compiled({ 'user': 'fred' });
// => 'hello fred!'

También hay un montón de opciones de configuración -

_.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
var compiled = _.template('hello {{ user }}!');
compiled({ 'user': 'mustache' });
// => 'hello mustache!'

Encontré delimitadores personalizados más Interesante....