Interpolacja napisów — JavaScript

Template literals zapisujemy w odwrotnych apostrofach.

Cel lekcji

Poznać zagadnienie „Interpolacja napisów”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Wyrażenia ${...} pozwalają wstawić wartość bez sklejania wielu części operatorem +.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Konsola przeglądarki lub Node.js

const name = "Kuba";
const score = 42;
console.log(`${name} zdobył ${score} pkt`);

Przeczytaj kod linijka po linijce

const name = "Kuba";Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const score = 42;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(`${name} zdobył ${score} pkt`);Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Kuba zdobył 42 pkt

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Wypisz zdanie z imieniem i wiekiem.