Значения и console.log

console.log(2 + 3) печатает 5, а console.log("2 + 3") печатает 2 + 3: кавычки решают, будет JavaScript вычислять или копировать.

Всё, с чем работает программа, является значением

Программа перемещает данные: цены, имена, очки, ответы на вопросы «да или нет». Каждая отдельная порция данных называется значением. Число 42 является значением, текст "Seoul" тоже значение, и ответ true тоже. У каждого значения есть тип, который говорит JavaScript, что это за вещь и что с ней можно делать. Два числа можно перемножить, а перемножать два имени бессмысленно, поэтому JavaScript нужно знать, где что.

Основные типы

В JavaScript один числовой тип и для целых чисел, и для дробных, так что 7 и 7.5 оба являются числами (number). Строка (string) представляет собой последовательность символов в кавычках; подходят и одинарные, и двойные кавычки, лишь бы оба конца совпадали. У логического типа (boolean) только два возможных значения, true и false, их пишут без кавычек. Последние два, undefined и null, оба значат «здесь ничего нет», и ты снова встретишь их, когда переменной ещё не дали значение. Стандарт ECMAScript определяет также BigInt и Symbol, но в этом курсе они не нужны.

Кавычки меняют тип

Значение 42 и значение "42" при печати выглядят одинаково, но у них разные типы. Первое является числом, с которым можно считать. Второе является строкой из символов 4 и 2. Оператор typeof сообщает тип любого значения, и это быстрый способ проверить, что у тебя в руках:

console.log(typeof 42);       // number
console.log(typeof "42");     // string
console.log(typeof true);     // boolean
console.log(typeof "true");   // string

То же самое с вычислениями. Без кавычек JavaScript сначала вычисляет выражение и печатает результат. В кавычках символы являются текстом и печатаются ровно так, как набраны:

console.log(2 + 3);     // 5
console.log("2 + 3");   // 2 + 3

Кусок кода, который даёт значение, например 2 + 3 или typeof 42, называется выражением. Встретив выражение, JavaScript вычисляет его, то есть сводит к одному значению, и затем использует это значение. В console.log(2 + 3) выражение превращается в 5 ещё до того, как его увидит console.log.

Печать нескольких значений сразу

console.log принимает больше одного значения. Раздели их запятыми, и они напечатаются в одной строке через один пробел:

console.log("Age:", 30);              // Age: 30
console.log("Sum:", 4 + 5, "units");  // Sum: 9 units

Это самый простой способ подписывать вывод во время работы. Печать значений с подписью, как "Sum:" выше, помогает программистам проверять, что программа делает на каждом шаге. Когда что-то ведёт себя странно, первым делом обычно добавляют console.log и смотрят.

Разобранные примеры

Пример 1. console.log(10 - 4) печатает 6, потому что сначала вычисляется выражение. Пример 2. console.log("10 - 4") печатает 10 - 4, потому что это строка. Пример 3. console.log(typeof "") печатает string: две кавычки без ничего между ними всё равно дают строку, она называется пустой строкой. Пример 4. console.log(typeof 3.0) печатает number; отдельного типа для дробных чисел нет.