Вивчайте Синтаксис | Основи TypeScript

TypeScript — це розширення для JavaScript, яке застосовується поверх цього коду. Базовий синтаксис JavaScript і TypeScript ідентичний, тому якщо ви вже знайомі з основами JavaScript, вам буде значно легше зрозуміти цей курс. Однак навіть у такому випадку рекомендується виконати завдання для повторення основ.

Якщо ви ніколи раніше не працювали з JavaScript — це не проблема. У цьому курсі буде розглянуто базовий синтаксис, який однаковий для TypeScript і JavaScript.

Почнемо з виведення тексту в консоль:


              1
            
console.log("Hello World");

Для відображення інформації в консолі використовується наступний синтаксис:

console.log("Text we want to output");

Зверніть увагу, що текст, який потрібно вивести в консоль, береться у подвійні лапки (""). Ви можете змінити текст у вікні коду вище для експериментів!

Note

Використання крапки з комою (;) наприкінці рядка в коді є необов'язковим.

За допомогою цієї команди можна також виводити будь-яку інформацію в консоль. Розглянемо приклад:


              12
            
console.log("Any custom text you like")
console.log(12345)

Примітка

Для виведення чисел не використовуються подвійні лапки (""); подвійні лапки застосовуються лише для тексту!

Також можна поєднувати числа та текст за допомогою шаблонних літералів. Цей синтаксис доступний як у TypeScript, так і у JavaScript.

Слід використовувати зворотні лапки замість подвійних. Також потрібно обгорнути значення (числа або імена змінних) у такому форматі: ${variable/number}. Розглянемо приклад:


              12
            
var variable = 15
console.log(`There is two numbers: ${variable} and ${13}`)

Note

var є дещо застарілим способом оголошення змінної. Наразі для оголошення змінних частіше використовується let, а для оголошення констант (змінних, які не можна змінити після ініціалізації) — const.

У наведеному вище прикладі коду показано, як створити та використати змінну. У наступному розділі ми детальніше розглянемо процес створення та використання змінних.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 1. Розділ 2

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you explain the difference between var, let, and const?

How do I use template literals with variables in TypeScript?

Can you show more examples of printing different data types to the console?

Awesome!

Completion rate improved to 2.94

Свайпніть щоб показати меню