Jak poprawnie dodawać zmienne do string? (JS/ES6+)

Question

let ms1 = 'hello';
let ms2 = ' World';


console.log(`Hello,${ms2}`);
console.log(`Hello,`+ms2);

 

Który z powyżej zapisanych w consol logu przykładów jest bardziej poprawny i zgodny z nowymi standardami?

Oraz lepiej używać ' czy ` do określania wartości stringów? 

Answer 1

https://ponyfoo.com/articles/template-literals-strictly-better-strings

Comments

Ale czy zastępienie prostego

'#id'+x;

Tym

`#id${x}`;

Jest nadal potrzebne i nie jest czasem przerostem formy nad treścią?

 

Oraz czy stosując w kodzie Template string, muszę każdy string pisać w ` `, czy tylko tam gdzie są operacje na zmiennych?

---

Jeśli stosujemy template literals do interpolacji zmiennych, róbmy to wszędzie – choćby po to, żeby zachować spójność kodu.

Oraz czy stosując w kodzie Template string, muszę każdy string pisać w ` `, czy tylko tam gdzie są operacje na zmiennych?

Osobiście stosuję tylko tam, gdzie są zmienne, niemniej nie widzę powodu, dla którego nie można by ich stosować wszędzie. 

Answer 2

Używaj jak ci wygodnie nowy standard powstał aby kod był bardziej czytelny podczas "dodawania zmiennych" (konkatenacja). Oraz aby umożliwić tworzenie stringa w wielu linijkach. Jeśli nie transpilujesz kodu do starszej wersji lepiej używać starego standardu jeśli chcesz wspierać IE11. Drugi przykładconsole log  jest zły ponieważ template string ’ nie jest potrzebny. Template string sprawdza się super jeśli w stringi masz cudzysłów ponieważ nie musisz backsleshowac tych znaków.

Podsumowując nowy standard jest dodatkiem a nie zamiennikiem.

Comments

Rozumiem, ale mam jeszcze kilka drobnych pytań:

1. Cyfry dodane w template string trzeba konwertować na string czy zostaną automatycznie przekonwertowane? (np. dodanie typu int cyfry 5 do stringu)

2. Co jest bardziej wydajne? Mam program który wykonuje kilka tysięcy linijek na raz i nie wiem który standard jest szybszy/ powoduje mniej błędów.

3. Tam gdzie nie ma konkatenacji, tam nie nie powinno się stosować template string tak? (np. kawałek tekstu let test = `hello world`;)