Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

Изучение компьютерных наук с использованием JavaScript: Часть 1, Основы

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Learn Computer Science with JavaScript.
Learn Computer Science With JavaScript: Part 2, Conditionals

Russian (Pусский) translation by Ilya Nikov (you can also view the original English article)

Введение

JavaScript - это язык, который мы можем использовать для написания программ, которые запускаются в браузере или на сервере с помощью Node. Благодаря Node вы можете использовать JavaScript для создания полных веб-приложений, таких как Twitter или игры, такие как Agar.io.

Это первый урок в серии из четырех частей, где я расскажу вам основы программирования, которые вам понадобятся, чтобы вы могли научиться создавать свои собственные приложения. В первой части я расскажу вам о синтаксисе JavaScript и ES6. ES6 означает ECMAScript 6, который является версией JavaScript.

Содержание

  • Установка и настройка
  • Проектирование программы
  • Синтаксис
  • Переменные
  • Типы данных
  • Обзор
  • Ресурсы

Установка и настройка

Сначала мы создадим нашу среду разработки, чтобы мы могли запускать наш код на нашем собственном компьютере. Кроме того, вы можете проверить примеры кода в онлайн-редакторе, например repl.it. Я предпочитаю, чтобы вы начали писать и запускать код на своем компьютере, чтобы вы могли почувствовать себя настоящим программистом. Кроме того, я хочу, чтобы вы использовали Node, чтобы вы могли поместить его в свое резюме и произвести впечатление на своего работодателя.

Во-первых, вам понадобится текстовый редактор для написания кода. Я рекомендую Sublime Text. Затем загрузите и установите Node на свой компьютер. Вы можете получить программное обеспечение на веб-сайте Node.js. Подтвердите установку, набрав командну  node -v с вашего терминала. Если все в порядке, вы увидите номер версии вашей установки Node.

Одна из вещей, которую вы можете сделать с Node, - запустить код JavaScript из вашего терминала. Это происходит в так называемом REPL. Чтобы попробовать, введите команду node в своем терминале.

Затем давайте напечатаем сообщение «Hello, World». Введите в терминал следующее:

Чтобы выйти из REPL, дважды нажмите Control-C. Использование REPL пригодится, если вы хотите протестировать простые утверждения, подобные приведенному выше примеру. Это может оказаться более удобным, чем сохранение кода в файле, особенно если вы пишете код для отправки.

Чтобы выполнить программу, написанную в файле, в вашем терминале запустите  node filename, где filename заменяется именем вашего файла JavaScript. Вам не нужно набирать js-расширение имени файла для запуска скрипта. И вы должны находиться в корневом каталоге, где находится файл.

Попробуем пример. Создайте файл с именем hello.js. Внутри мы добавим следующий код:

Запустите код с терминала:

Если все будет хорошо, вы увидите текст «Hello, World» на своем терминале. С этого момента вы можете проверить примеры кода из этого учебника либо с помощью Node REPL, либо путем сохранения в файл.

Проектирование программы

Прежде чем писать какой-либо код, вы должны найти время, чтобы понять проблему. Какие данные вам нужны? Каков результат? Какие тесты должна пройти ваша программа?

Когда вы понимаете требования программы, вы можете написать шаги для ее решения. Шаги - ваш алгоритм. Ваш алгоритм не является кодом. Это инструкциями на простом английском (замените английский на родной язык) по решению проблемы. Например, если вы хотите написать алгоритм приготовления верха ramen, он может выглядеть так:

  1. Удалите верхнюю часть из чашки.
  2. Пустую приправу в чашку.
  3. Наполните чашку водой.
  4. Микроволновая печь на высокой скорости в течение 2 минут.
  5. Охлаждаем в течение 1 минуты.

Да, я был голоден, когда думал об этом. И нет, это не то, что вам действительно дано как проблема программирования. Вот пример проблемы, более практичный. Это алгоритм для вычисления среднего числа среди списка чисел.

  1. Вычислите сумму всех чисел.
  2. Получите общее количество чисел.
  3. Разделите сумму на общую сумму.
  4. Верните результат.

Понимание проблемы и разработка алгоритма - это наиболее важные шаги в программировании. Когда вы уверены в своем алгоритме, вы должны написать несколько тестовых примеров. Тесты покажут, как должен вести себя ваш код. После того, как у вас есть свои тесты, вы пишете код и настраиваете его, пока ваши тесты не пройдут. В зависимости от того, насколько сложна ваша проблема, каждый из шагов вашего алгоритма, возможно, придется разложить дальше.

Задача

Напишите алгоритм вычисления факториала числа. Факториал числа * n * является произведением всех целых чисел от 1 до * n *. Например, 4! (4 факториала) составляет 1 x 2 x 3 x 4 = 24.

Синтаксис

Программа похожа на язык, с которым мы разговариваем. Единственное различие заключается в том, что язык программирования предназначен для общения с компьютером (и другими программистами, которые должны его использовать). Правилами построения программы являются ее синтаксис. Программы состоят из утверждений. Выражение можно рассматривать как предложение. В JavaScript вы должны положить точку с запятой в конце инструкции. Пример:

Утверждения состоят из выражений. Выражения подобны предметным / предикатным частям предложения. На языке программирования выражения имеют значение. Выражения состоят из ключевых слов, таких как var и for которых есть встроенный словарь языка; данных, такие как число или строка; и операторов типа + и =. Пример:

Вот список арифметических операторов:

  • + - Сложение
  • - - Вычитание
  • * - Возведение в степень
  • * - Умножение
  • / - Деление
  • % - Остаток от деления
  • ++ - Инкремени
  • -- - Уменьшение

Оператор остатка возвращает остаток после деления двух чисел. Например, 4% 2 возвращает 0 и 5% 3 возвращает 2. Оператор остатка обычно используется, чтобы узнать, является ли значение четным или нечетным. Даже значения будут иметь остаток 0.

Задача

Найдите значение следующих выражений. Сначала напишите свои ответы, а затем проверьте их в своем REPL.

  • 9% 3
  • 3% 9
  • 3% 6
  • 3% 4
  • 3% 3
  • 3% 2

Переменные

Переменная - это имя, которое представляет значение в памяти компьютера. Любое значение, которое мы хотели бы хранить или использовать снова и снова, должно быть помещено в переменную. Одним из способов создания переменных является ключевое слово var. Но предпочтительный способ - использовать ключевые слова let или const. Вот несколько примеров использования let для создания переменных:

Объявление переменной:

Объявление и инициализация переменной:

Переназначение переменной:

Константы - это переменные, которые не могут измениться. Их можно назначить только один раз. Константы, которые имеют объекты или массивы как значения, могут быть изменены, потому что они назначены по ссылке. Переменные не имеют значения; вместо этого они указывают на местоположение объекта. Пример:

Однако это даст вам сообщение об ошибке:

Типы данных

У типов данных есть правила, по которым они могут работать. Например, если мы добавим два числа, мы получим их сумму. Но если мы добавим число со строкой, получим строку. Ниже приведен список различных типов данных:

  • Undefined: переменная, которой не присвоено значение
  • Null: нет значения
  • Boolean: объект, который имеет значение true или false
  • Строка: последовательность символов
  • Символ: уникальный, неизменный ключ
  • Число: целое и десятичное значения
  • Объект: совокупность свойств

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

Определить, начинается ли строка с подстроки:

Определить, заканчивается ли строка подстрокой:

Определить, находится ли подстрока в любом месте строки:

Повторить строку определенное количество раз:

Мы можем превратить строку в массив с оператором спреда: ...

Шаблоны - это особый тип строки, в которой используются обратные ссылки: ``. Мы можем использовать их для вставки переменных внутри строки следующим образом:

Мы можем создавать многострочные строки следующим образом:

Обзор

Мы видели, как настроить нашу среду разработки с помощью Node. Первым шагом к программированию является написание шагов для решения проблемы. Это называется алгоритмом. Фактический код будет состоять из многих утверждений. Заявления являются инструкциями программы и состоят из выражений. Выражения полезны в нашей программе, если мы назначим их переменным. Переменные создаются с помощью ключевого слова let или const.

В части 2 я объясню условия.

Ресурсы

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.