Logo
Книга для начинающих
ВходРегистрация
/
Программирование
/
Курс JavaScript
/

Инструкции (Statements)

JavaScript: Инструкции (Statements)

Команду console.log('Hexlet') мы можем назвать инструкцией, она говорит интерпретатору JavaScript, что нужно делать. Таких инструкций может быть сколько угодно. Каждая из них выполняется после того, как закончилась предыдущая, и так мы из простых элементов получаем сколь угодно большую и сложную программу.

Инструкция 1: console.log('Hello')   →  выполнена
        ↓
Инструкция 2: console.log('World')   →  выполнена
        ↓
Инструкция 3: console.log('!')       →  выполнена

Вот пример кода с двумя инструкциями. Эти строки говорят компьютеру вывести фразы на экран.

console.log('Mother of Dragons.'); // Первая инструкция
console.log('Dracarys!'); // Вторая инструкция

Результат выполнения:

Mother of Dragons.
Dracarys!

Порядок имеет значение

Интерпретатор JavaScript выполняет код строго в том порядке, в котором вы его написали. Если поменять строки местами:

console.log('Dracarys!');
console.log('Mother of Dragons.');

на экране они тоже поменяются:

Dracarys!
Mother of Dragons.

Альтернативная форма записи

Обычно инструкции пишут на отдельных строках, но их можно записать и на одной строке через ;:

console.log('Mother of Dragons.'); console.log('Dracarys!');

Обе версии работают одинаково, но второй вариант читать сложнее. Поэтому инструкции почти всегда пишут по одной на строку.

Зачем это нужно

Сейчас мы пишем очень простые программы, но со временем они начнут усложняться, и один из самых важных навыков, который поможет их понимать, — это способность разбивать (в голове) программу на независимые инструкции. Только так можно разобраться в том, что в коде происходит. Ниже пример для привлечения внимания, понимать его пока не надо:

const isPrime = (number) => {
  if (number < 2) {
    return false;
  }

  let divider = 2;

  while (divider <= number / 2) {
    if (number % divider === 0) {
      return false;
    }
    divider += 1;
  }

  return true;
};

Задание

Выведите на экран статус доставки посылки — три строки, каждая отдельным вызовом console.log():

Order #1337
Status: in delivery
Estimated time: 2 days
Коммерческий опыт и Трудоустройство

Полезное

  • Немного об интерпретаторах

  • Инструкции и объявления по категориям

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

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

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
/
Программирование
/
Курс JavaScript
/

Инструкции (Statements)

JavaScript: Инструкции (Statements)

Команду console.log('Hexlet') мы можем назвать инструкцией, она говорит интерпретатору JavaScript, что нужно делать. Таких инструкций может быть сколько угодно. Каждая из них выполняется после того, как закончилась предыдущая, и так мы из простых элементов получаем сколь угодно большую и сложную программу.

Инструкция 1: console.log('Hello')   →  выполнена
        ↓
Инструкция 2: console.log('World')   →  выполнена
        ↓
Инструкция 3: console.log('!')       →  выполнена

Вот пример кода с двумя инструкциями. Эти строки говорят компьютеру вывести фразы на экран.

console.log('Mother of Dragons.'); // Первая инструкция
console.log('Dracarys!'); // Вторая инструкция

Результат выполнения:

Mother of Dragons.
Dracarys!

Порядок имеет значение

Интерпретатор JavaScript выполняет код строго в том порядке, в котором вы его написали. Если поменять строки местами:

console.log('Dracarys!');
console.log('Mother of Dragons.');

на экране они тоже поменяются:

Dracarys!
Mother of Dragons.

Альтернативная форма записи

Обычно инструкции пишут на отдельных строках, но их можно записать и на одной строке через ;:

console.log('Mother of Dragons.'); console.log('Dracarys!');

Обе версии работают одинаково, но второй вариант читать сложнее. Поэтому инструкции почти всегда пишут по одной на строку.

Зачем это нужно

Сейчас мы пишем очень простые программы, но со временем они начнут усложняться, и один из самых важных навыков, который поможет их понимать, — это способность разбивать (в голове) программу на независимые инструкции. Только так можно разобраться в том, что в коде происходит. Ниже пример для привлечения внимания, понимать его пока не надо:

const isPrime = (number) => {
  if (number < 2) {
    return false;
  }

  let divider = 2;

  while (divider <= number / 2) {
    if (number % divider === 0) {
      return false;
    }
    divider += 1;
  }

  return true;
};

Задание

Выведите на экран статус доставки посылки — три строки, каждая отдельным вызовом console.log():

Order #1337
Status: in delivery
Estimated time: 2 days
Коммерческий опыт и Трудоустройство

Полезное

  • Немного об интерпретаторах

  • Инструкции и объявления по категориям

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

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

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
← ПредыдущийСледующий →
← ПредыдущийСледующий →
← ПредыдущийСледующий →

Ваше упражнение проверяется по этим тестам

// @ts-check

import { expect, test, vi } from 'vitest';

test('hello world', async () => {
  const consoleLogSpy = vi.spyOn(console, 'log').mockImplementation(() => {});
  await import('./index.js');

  const firstArg = consoleLogSpy.mock.calls.join('\n');

  expect(firstArg).toBe(
    'Order #1337\nStatus: in delivery\nEstimated time: 2 days',
  );
});
← ПредыдущийСледующий →

Решение учителя откроется через:

20:00

waiting_clock
← ПредыдущийСледующий →