javascript - concatenate - Literales de plantilla ES6/ECMA6: no funcionan

template string javascript html

Question

Quería intentar usar literales de plantilla y no funciona: muestra los nombres de variables literales, en lugar de los valores. Estoy usando Chrome v50.0.2 (y jQuery).

Ejemplo:

console.log(''categoryName: ${this.categoryName}/ncategoryElements: ${this.categoryElements} '');

Salida:

${this.categoryName}
categoryElements: ${this.categoryElements} 

Answer 1

Los literales de plantilla de JavaScript requieren comillas inversas, no comillas rectas.

Debes usar comillas inversas (también conocidas como "acentos graves", que encontrarás junto a la tecla 1), en lugar de comillas simples, para crear una plantilla literal.

Los backticks son comunes en muchos lenguajes de programación, pero pueden ser nuevos para los desarrolladores de JavaScript.

Ejemplo :

categoryName="name";
categoryElements="element";
console.log(`categoryName: ${this.categoryName}/ncategoryElements: ${categoryElements} `) 

Salida :

VM626:1 categoryName: name
categoryElements: element

Consulte: ¿Cuál es el uso del símbolo de retroceso (`) en JavaScript?

Answer 2

1.) agregue .jshitrc el mismo nivel de carpeta con su app.js y otros archivos

2.) pon esto dentro del archivo recién creado {"esversion": 6}

3.) nunca use comillas simples ''use backticks''

Answer 3

// Example
var person = {
name: "Meera",
hello: function(things) {
console.log(`${this.name} Says hello ${things}`);
}
}
// Calling function hello
person.hello("World");
//Meera Says hello World