Операторы JavaScript

Оглавление

    Показать оглавление

Пример

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      //  Statement 4

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>

<p id="demo"></p>

<script>
let x, y, z;  // Statement 1
x = 5;        // Statement 2
y = 6;        // Statement 3
z = x + y;    // Statement 4

document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";  
</script>

</body>
</html>

Программы JavaScript

Компьютерная программа - это список "инструкций", которые необходимо выполнить. «исполняется» компьютером.

На языке программирования эти инструкции программирования называются операторами.

Программа JavaScript - это список программных операторов.

В HTML программы JavaScript выполняются веб-браузером.

Операторы JavaScript

Операторы JavaScript состоят из:

Значения, операторы, выражения, ключевые слова, и Комментарии.

Этот оператор сообщает браузеру написать «Привет, Долли». внутри элемента HTML с id="demo":

Пример

document.getElementById("demo").innerHTML = "Hello Dolly.";

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>In HTML, JavaScript statements are executed by the browser.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>

</body>
</html>

Большая часть JavaScript программы содержат множество операторов JavaScript.

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

Программы JavaScript (и операторы JavaScript) часто называют кодом JavaScript.

Точки с запятой;

Точки с запятой разделяют операторы JavaScript.

Добавьте точку с запятой в конце каждого исполняемого оператора:

Примеры

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript statements are separated by semicolons.</p>

<p id="demo1"></p>

<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

Допускаются несколько операторов в одной строке, разделенные точкой с запятой:

a = 5; b = 6; c = a + b;

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>Multiple statements on one line are allowed.</p>

<p id="demo1"></p>

<script>
let a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

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

Пробелы JavaScript

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

Следующие строки эквивалентны:

let person = "Hege";
let person="Hege";

Хорошей практикой является размещение пробелов вокруг операторов (=+ - */):

let x = y + z;

Длина строки JavaScript и разрывы строк

Для лучшей читаемости программисты часто предпочитают избегать строк кода длиной более 80. персонажи.

Если оператор JavaScript не умещается в одной строке, лучшее место для разрыва это после оператора:

Пример

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>
The best place to break a code line is after an operator or a comma.
</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Hello Dolly!";
</script>

</body>
</html>

Блоки кода JavaScript

Операторы JavaScript могут быть сгруппированы в блоки кода внутри фигурных кронштейны {...}.

Целью блоков кода является определение операторов, которые будут выполняться вместе.

Одно место, где вы найдете утверждения, сгруппированные в блоки, — это Функции JavaScript:

Пример

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript code blocks are written between { and }</p>

<button type="button" onclick="myFunction()">Click Me!</button>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}
</script>

</body>
</html>

В этом уроке мы используем 2 пробела для блоков кода.
Подробнее о функциях вы узнаете позже в этом уроке.

Ключевые слова JavaScript

Операторы JavaScript часто начинаются с ключевого слова. для определения действия JavaScript, которое необходимо выполнить.

В нашем справочнике зарезервированных слов перечислены все ключевые слова JavaScript.

Вот список некоторых ключевых слов, о которых вы узнаете в этот урок:

var

Объявляет переменную

let

Объявляет блочную переменную

const

Объявляет константу блока

if

Отмечает блок операторов, который будет выполнен при условии

switch

Отмечает блок операторов для выполнения в разных случаях

for

Отмечает блок операторов для выполнения в цикле

function

Объявляет функцию

return

Выход из функции

try

Реализует обработку ошибок в блоке операторов.

Ключевые слова JavaScript являются зарезервированными словами. Зарезервированные слова не могут использоваться в качестве имен переменных.