Представь, что ты разрабатываешь страницу профиля пользователя на Авито. Тебе нужно где-то хранить имя пользователя, количество его объявлений, рейтинг. Для этого и нужны переменные.
В этом уроке мы продолжаем работать с console.log из урока 01, но теперь будем сохранять данные в переменные перед выводом.
Без переменных ты не можешь ничего сохранить. Вычислил цену со скидкой — и сразу потерял. Переменная — это именованный контейнер, который хранит данные пока они нужны.
`const` — константа. Значение задаётся один раз и не меняется:
const siteName = 'Авито' // название сайта не меняется
const maxFileSize = 10485760 // 10 МБ — лимит задан раз и навсегда`let` — переменная. Значение можно перезаписать:
let viewCount = 0 // счётчик просмотров объявления
viewCount = viewCount + 1 // кто-то открыл объявление
viewCount++ // ещё один просмотрВсегда начинай с `const`. Если понял что значение должно меняться — замени на let. Это делает код предсказуемым: видишь const — знаешь что значение не изменится.
firstName, cartItemCountuserAge лучше чем aMAX_RETRY_COUNTОшибка 1: Попытка изменить const
const price = 1000
price = 1500 // TypeError: Assignment to constant variable
// Если цена меняется — объявляй через letОшибка 2: Использовать переменную до объявления
console.log(userName) // ReferenceError: Cannot access before initialization
const userName = 'Алексей'
// Объявляй переменные до использованияОшибка 3: Одна буква как имя переменной
const n = getUserName() // Что такое n? Непонятно!
const userName = getUserName() // Сразу ясно что хранитсяconst используется в 80-90% случаев в современном JS-коде. let нужен для счётчиков, флагов состояния и накопителей в циклах. Старый var больше не используют — у него проблемы с областью видимости.
Профиль продавца на маркетплейсе
// Данные продавца — не меняются
const sellerId = 'usr_48291'
const sellerName = 'Магазин "Технодром"'
const registeredYear = 2019
// Динамические данные — меняются в процессе
let activeListings = 47
let totalSales = 1203
let rating = 4.8
// Продали ещё один товар
totalSales = totalSales + 1
activeListings-- // сняли объявление
// Рейтинг обновился после нового отзыва
rating = 4.9
console.log('Продавец:', sellerName)
console.log('На сайте с:', registeredYear)
console.log('Активных объявлений:', activeListings) // 46
console.log('Продаж всего:', totalSales) // 1204
console.log('Рейтинг:', rating) // 4.9Представь, что ты разрабатываешь страницу профиля пользователя на Авито. Тебе нужно где-то хранить имя пользователя, количество его объявлений, рейтинг. Для этого и нужны переменные.
В этом уроке мы продолжаем работать с console.log из урока 01, но теперь будем сохранять данные в переменные перед выводом.
Без переменных ты не можешь ничего сохранить. Вычислил цену со скидкой — и сразу потерял. Переменная — это именованный контейнер, который хранит данные пока они нужны.
`const` — константа. Значение задаётся один раз и не меняется:
const siteName = 'Авито' // название сайта не меняется
const maxFileSize = 10485760 // 10 МБ — лимит задан раз и навсегда`let` — переменная. Значение можно перезаписать:
let viewCount = 0 // счётчик просмотров объявления
viewCount = viewCount + 1 // кто-то открыл объявление
viewCount++ // ещё один просмотрВсегда начинай с `const`. Если понял что значение должно меняться — замени на let. Это делает код предсказуемым: видишь const — знаешь что значение не изменится.
firstName, cartItemCountuserAge лучше чем aMAX_RETRY_COUNTОшибка 1: Попытка изменить const
const price = 1000
price = 1500 // TypeError: Assignment to constant variable
// Если цена меняется — объявляй через letОшибка 2: Использовать переменную до объявления
console.log(userName) // ReferenceError: Cannot access before initialization
const userName = 'Алексей'
// Объявляй переменные до использованияОшибка 3: Одна буква как имя переменной
const n = getUserName() // Что такое n? Непонятно!
const userName = getUserName() // Сразу ясно что хранитсяconst используется в 80-90% случаев в современном JS-коде. let нужен для счётчиков, флагов состояния и накопителей в циклах. Старый var больше не используют — у него проблемы с областью видимости.
Профиль продавца на маркетплейсе
// Данные продавца — не меняются
const sellerId = 'usr_48291'
const sellerName = 'Магазин "Технодром"'
const registeredYear = 2019
// Динамические данные — меняются в процессе
let activeListings = 47
let totalSales = 1203
let rating = 4.8
// Продали ещё один товар
totalSales = totalSales + 1
activeListings-- // сняли объявление
// Рейтинг обновился после нового отзыва
rating = 4.9
console.log('Продавец:', sellerName)
console.log('На сайте с:', registeredYear)
console.log('Активных объявлений:', activeListings) // 46
console.log('Продаж всего:', totalSales) // 1204
console.log('Рейтинг:', rating) // 4.9Ты создаёшь профиль пользователя для социальной сети. Объяви переменные: имя пользователя (const), количество подписчиков (let), количество постов (let). Затем добавь 100 новых подписчиков и опубликуй ещё один пост. Выведи итоговые данные.
Для увеличения числа: followers = followers + 100, или короче: followers += 100