Doslovy šablony

Zdá se, že každý jazyk má vylepšení řetězce šablony a v rámci JavaScriptu jsme napsali vlastní, abychom umožnili bezproblémovější vývoj bez nutnosti vše spojovat. Někteří z těchto pomocníků šablon dokonce umožňují opakování, iteraci a podmíněnou podporu. Nativní implementace vždy začínají v malém, ale jsem nadšený z literálů šablon v JavaScriptu!

JavaScript

Formát šablony je velmi jednoduchý: backticks(` ) místo jednoduchých nebo dvojitých uvozovek a $ pro interpolační obalování:

// Basic interpolation
var name = 'David';
console.log(`Hi, my name is ${name}`); // Hi, my name is David

// Math :)
var one = 1;
var two = 2;
console.log(`Your total is: ${one+two}`); // Your total is: 3

// More math
console.log(`Another total is: ${one + two * 2}`); // Another total is: 5

// Object properties
var obj = { x: 1, y: 2 };
console.log(`Your total is: ${obj.x + obj.y}`); // Your total is: 3

Řetězce šablon můžete také použít pro základní přijetí nového řádku:

var myString = `Hello

I'm a new line`; // No error!

Funkce řetězce šablony JavaScriptu je příjemný doplněk a bude nejprve k dispozici ve Firefoxu. Tato funkce řetězce šablony není převratná, ale je to pěkné vylepšení a něco dávno opožděného, ​​i když jen pro víceřádkové řetězce.