Основы

Добро пожаловать обратно! Рада видеть тебя. Вчера мы написали нашу первую строку кода, используя console.log(), которая используется для вывода данных и очень полезна при тестировании. Вы будете видеть и использовать это много. Сегодня мы углубимся в основы языка JavaScript.

Наш график включает:

- Операторы
- Переменные
- Комментарии
- Операторы

Заявления

Большая часть кода, который вы пишете на JavaScript или любом другом языке, имеет форму операторов и выражений. Так что же они? В компьютерном языке группа слов, чисел и операторов, выполняющая определенную задачу, представляет собой оператор, состоящий из выражений, которые производят значение. По сути, операторы — это инструкции для выполнения, большинство из которых, вероятно, являются выражениями. Вот базовый пример заявления:

var num = 2 + 2;

Выражения в этом утверждении включают добавление 2 + 2 и установку числа равным 4.

Список утверждений и деклараций см. в Сети разработчиков Mozilla, чаще называемой MDN. Это должно быть одним из первых мест, где вы будете искать документацию. Мы рассмотрим большинство из них в какой-то момент в будущем, так что не беспокойтесь сейчас, так как мы изучим их со временем.

Переменные

Вы используете переменные для хранения и извлечения значений. Первое появление переменной происходит при ее объявлении, где она помещается в память. Старайтесь давать вашим переменным осмысленные имена, чтобы другим людям было легко понять, что делает ваш код. Давайте внимательнее посмотрим на наше заявление, сделанное ранее:

 var num = 2 + 2;

num — это переменная, которая будет равна 4. Переменные объявляются с помощью ключевого слова var и могут быть выполнены несколькими различными способами.

// A single declaration.
var num; 
// Multiple declarations with a single var keyword, separated by commas
var num, max, min; 
// Variable declaration and initialization in one statement.
var count = 0, amount = 100;
// line returns do not matter, but those commas do
var house
  , brick
  , sticks;

Если мы не установим значение переменной изначально, оно будет установлено на «неопределенное». В JavaScript имена переменных (включая имена функций) должны быть допустимыми идентификаторами. Идентификатор должен начинаться с букв az, AZ, $ или _. Затем он может содержать любой из этих символов плюс цифры 0–9.

Верблюжий регистр — это соглашение об именах, которое разработчики JS используют при именовании переменных. Поскольку вы не можете использовать пробелы или дефисы в своих именах, и может иметь смысл иметь несколько слов в имени, лучше всего использовать верблюжий регистр, что означает, что первое слово в нижнем регистре, а все слова после него начинаются с заглавной буквы. . Вот пример:

var thisVariableIsInCamelCase = “I am a camel cased variable”;
var applesAndOranges = “fruits”;

Следите за случаем. JavaScript чувствителен к регистру, поэтому будьте осторожны.

 ‘HOUSE’ is not equal to ‘house’

Иногда вам может понадобиться, чтобы переменная оставалась неизменной и постоянной, например, с каким-то секретным ключом или паролем. Соглашение для этого состоит в том, чтобы использовать все заглавные буквы и отдельные слова со знаком подчеркивания. Вот пример:

var I_DO_NOT_CHANGE = “mySuperSecretPassword”; 

Интересно то, что переменная I_DO_NOT_CHANGE действительно может быть изменена. Это всего лишь соглашение, хотя в ES6 было добавлено ключевое слово const для создания константы, доступной только для чтения. Давайте еще раз посмотрим:

var I_DO_ACTUALLY_CHANGE = ‘mySuperSecretPassword’;
const I_DO_NOT_CHANGE = ‘holdSteady’;
I_DO_ACTUALLY_CHANGE = ‘newPassword’;
I_DO_NOT_CHANGE = ‘try to change me’;
I_DO_ACTUALLY_CHANGE // ‘newPassword’
I_DO_NOT_CHANGE // ‘holdSteady’;

Обратите внимание, что const является частью спецификации ES6, и при использовании ES6 есть некоторые предостережения. Чтобы свести к минимуму проблемы совместимости и особенности, мы пока сосредоточимся на текущей спецификации ES5.

В JavaScript некоторые идентификаторы являются зарезервированными словами и не могут использоваться в качестве имен переменных или функций. Они вызовут ошибки и создадут проблемы для вас. Не используйте их. Шутки в сторону! W3 Schools, еще один отличный ресурс, имеет список зарезервированных слов, который мы рекомендуем проверить.

Небольшое примечание о точках с запятой. До сих пор мы использовали точки с запятой для обозначения конца выражения или утверждения. Они необязательны, хотя мы собираемся порекомендовать привыкнуть к их использованию, если вы новичок в языке.

Комментарии

Комментарии отлично подходят для объяснения вещей в вашем коде, могут помочь вам позже напомнить, что вы делали, и чрезвычайно полезны для других, пытающихся понять, что происходит. Комментарии будут интерпретироваться как обычный текст и не оцениваться. Комментирование кода — одна из лучших привычек, которую вы можете выработать как разработчик.

Single line comments are denoted like so
// my single line comment
 
Multi line comments are denoted like so
/* 
This is 
a multiple
line comment
*/

Операторы

Операторы — это то, как мы выполняем действия над переменными или значениями. Они очень важны и полезны, так как вы будете использовать их довольно часто по-разному. Вот список, за которым следуют некоторые основные примеры. Со временем мы познакомимся с ними поближе.

 +  —  *  /  =  %  ++  —  +=  -=  *=  /=  ==  ===

Назначение ( = )

var number = 5;

Математика (сложение +, вычитание -, умножение *, деление / )

var sum = number + 5;

Составное присваивание ( +=, -=, *=, /= ) это ярлык для объединения математики.

number += 5 is the same as number = number + 5

Увеличение/уменьшение (++, --)

number ++ is the same as number + 1

Равенство ( нечетное равенство ==, строгое равенство ===, произвольное не равное !=, строгое не равное !== )

a == b
More on this will be covered later

Сравнение ( ‹, ›, ‹=, ›= )

number < sum

Логический ( и && или || )

do something if ‘a’ and ‘b’ are true or if ‘a’ or ‘b’ are true.

Модуль ( % ) Оператор модуля возвращает остаток от деления.

9 % 5 = 4 // 5 goes into 9 one time with a remainder of 4

Логические операторы используются для определения логики между переменными или значениями и обычно используются с логическими значениями, например в условном выражении.

Логическое И — && — возвращает истинное значение, если истинно каждое выражение.

// examples
var x = 5;
var y = 10;
(x < y && y > x) // true
(x < y && y < x) // false because both expressions must be true

Логическое ИЛИ — || — оценивается как истинное, если хотя бы одно выражение оценивается как истинное.

// examples
var x = 5;
var y = 10;
(x < y || y > x) // true
(x < y || y < x) // true because the first expression evaluated to true, so the rest don’t matter at this point

Логическое НЕ — ! — возвращает true, если выражение не может быть преобразовано в true, то есть выражение ложно.

// examples
var x = 5;
var y = 10;
(x != y) // true because x is not equal to y

Этого сейчас достаточно! Продолжайте практиковаться в объявлении и настройке переменных, а также выполняя с ними некоторые основные математические операции. Увидимся здесь завтра, когда мы продолжим изучать основы и открывать типы и значения.