Чтобы изучить JavaScript, мы должны изучить основы.
В этой статье мы рассмотрим самые основные части языка JavaScript.
Математические выражения
Мы должны устранить двусмысленность с помощью математических выражений JavaScript.
Например, если у нас есть:
let totalCost = 1 + 3 * 10;
тогда читатели могут не понять, какая операция выполняется первой.
В JavaScript есть правила приоритета для операторов. Обычно они следуют тем же правилам, что и обычная математика.
Однако мы можем облегчить жизнь всем, заключив в круглые скобки выражения, имеющие более высокий приоритет.
Например, мы можем написать:
let totalCost = 1 + (3 * 10);
затем мы оборачиваем выражения вокруг умножения.
Теперь мы знаем, что на первом месте стоит операция умножения.
Если мы переместим круглые скобки, то операции будут выполняться в другом порядке.
Например, если у нас есть:
let totalCost = (1 + 3) * 10;
тогда сложение выполняется перед умножением.
Объединение строк
Строки - это текстовые значения, и их можно комбинировать с помощью конкатенации.
Например, мы можем написать:
alert("Thanks, " + userName + "!");
чтобы объединить 3 выражения в 1 с помощью оператора +
.
Если userName
равно 'james'
, то мы имеем:
'Thanks, james!'
Эти 3 части объединяются и возвращаются как одна строка.
Мы можем объединять строки с любыми другими выражениями JavaScript.
Они будут автоматически преобразованы в строки, чтобы их можно было соединить вместе.
Итак, если у нас есть:
alert("2 plus 3 equals " + 2 + 3);
Тогда получаем '2 plus 3 equals 23'
.
Это потому, что 2 и 3 преобразуются в строки перед объединением.
Более удобный способ комбинировать строки и другие выражения - использовать литералы шаблона.
Например, мы можем написать:
alert(`2 plus 3 equals ${2 + 3}`);
Мы заменили кавычки обратными кавычками.
Затем мы используем символы ${}
, чтобы окружить выражения JavaScripot, чтобы интерполировать выражения.
Таким образом, мы 2 + 3
возвращаем число, поскольку они связаны со строками.
Получаем '2 plus 3 equals 5'
.
Подсказки
Поле подсказки позволяет нам запрашивать некоторую информацию и предоставлять поле ответа для ответа.
Например, мы можем написать:
let name = prompt("Your name?", "mary");
Мы вызываем prompt
со строкой вопроса в качестве первого аргумента.
Второй аргумент - это ответ по умолчанию.
Если мы вызовем это, браузер покажет окно предупреждения с полем ввода, чтобы мы могли ввести наш ответ.
Затем, когда мы нажимаем ОК, возвращается ответ, если он введен.
В противном случае возвращается ответ по умолчанию.
Если мы опустим ответ по умолчанию во втором аргументе и ничего не ввели, то он вернет null
.
prompt
- глобальная функция, поэтому window.prompt
то же самое, что prompt
.
Но мы можем просто написать prompt
.
Заключение
Мы можем получать текстовые ответы от пользователя с помощью функции prompt
.
Математические выражения можно сделать более понятными с помощью круглых скобок.