История JavaScript

JavaScript, или часто сокращенно JS, был впервые создан в 1995 году. Программист Netscape по имени Брэндан Эйх создал скриптовый язык программирования для работы в браузере Netscape Navigator.

Ранее название было Mocha, затем изменилось на LiveScript и, наконец, на JavaScript.

JavaScript создан для того, чтобы страницы веб-сайтов, которые мы создали с помощью HTML и CSS, были более интерактивными.

JavaScript теперь победил Java-апплеты и Flash как языки программирования, чтобы сделать веб-страницы более интерактивными, это связано с простотой языка, а также по умолчанию теперь все браузеры могут запускать JavaScript без необходимости устанавливать дополнительные приложения, такие как Java-апплеты и Adobe Flash. Игрок.

JavaScript на сервере

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

Из-за этого, наконец, JavaScript теперь известен как язык программирования FullStack (Backend и Frontend), поскольку его можно использовать для создания Backend-приложений и Frontend-приложений.

JavaScript и ECMAScript

Поскольку в настоящее время JavaScript почти принят браузерными приложениями, в конце концов был создан стандарт под названием ECMAScript. Организация, которая стандартизирует ECMAScript, называется ECMA International.

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

Теперь, когда ECMAScript и JavaScript совпадают, теперь можно сказать, что ECMAScript и JavaScript — это два названия одного и того же языка программирования.

JavaScript против Java

Начинающие программисты часто ошибаются в отношении JavaScript и Java. Некоторые думают, что Java и JavaScript — это один и тот же язык программирования, но они разные.

Java — это еще один язык программирования, не имеющий ничего общего с JavaScript
Хотя в названии есть слово «Java», но эти два языка программирования совершенно разные, между ними нет никакой связи.

Инструменты разработки

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

Браузер, это точно, потому что нам нужно запускать программный код JavaScript с помощью Браузера. Сейчас есть разные браузеры, такие как chrome, mozilla firefox, edge, opera, safari и т.д.

Текстовый редактор или интегрированная среда разработки используется для создания программного кода JavaScript. Например, VS Code, Atom, Sublime, WebStorm и т. д.

Создание кода JavaScript

Существует несколько способов кодирования JavaScript. Может быть непосредственно в файле HTML или вы можете использовать файл .js (расширение для JavaScript), а затем включить его в файл HTML. В этом практическом курсе мы будем использовать HTML напрямую, чтобы упростить кодирование программы.

Скрипт JavaScript в HTML

Включить сценарий JavaScript

Точка с запятой в JavaScript (;)

JavaScript похож на язык программирования C/C++, в конце каждого оператора кода программы нам нужно добавить ; (точка с запятой)

Однако в JavaScript ; (точка с запятой) не обязательна, поэтому мы можем добавлять или нет.

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

Комментарии в JavaScript ( // или /* )

Комментарии — это программные коды, которые не будут выполняться при чтении. Комментарии обычно используются в качестве дополнительной информации или подсказок. В JavaScript мы можем добавить код комментария

Типы данных в JavaScript

Числовой тип данных

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

Обозначение чисел

JavaScript поддерживает числовую запись, по умолчанию используется основание 10, JavaScript также поддерживает двоичные, шестнадцатеричные и восьмеричные числа.

  • Шестнадцатеричный: 0xFF
  • Двоичный: 0b10101
  • Восьмеричное: 0o10

Логический тип данных

Логический тип данных — это тип данных, который содержит данные об истинности, что означает наличие только двух данных, истинного и ложного (да или нет). Истина представлена ​​ключевым словом true, а ложь представлена ​​ключевым словом false. Хотя логический тип данных очень прост, логический тип данных будет широко использоваться в различных функциях программирования.

Строковый тип данных

Строковый или текстовый тип данных — это тип данных, который содержит пустой набор или несколько символов. Ранее мы использовали строки при создании программы hello world. В JavaScript для создания данных строкового типа нам нужно использовать “ (двойная кавычка) или ‘ (одна кавычка) до и после содержимого текста.

строковые данные также могут быть объединены с помощью плюса (+)

<script>
  document.writeln("HelloWorld" + "Hello World again");
</script>

Escape-последовательность

JavaScript поддерживает escape-последовательности в строках. Escape-последовательности — это специальные символы, такие как ENTER, TAB, «(двойные кавычки) и т. д. Ниже приведен пример escape-последовательности, поддерживаемой JavaScript в строковых данных.

  • \n для ENTER
  • \t для TAB
  • \’ для ‘
  • \” для “
  • \\ для \

Переменная

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

JavaScript — это динамический язык, а это означает, что переменные в JavaScript не являются фиксированными, они должны использовать один тип данных, мы можем изменить тип данных в одной и той же переменной.

<script>
  var fullName
</script>

Изменение значения в переменной

После объявления переменной мы можем изменить значение переменной. Чтобы изменить его, мы можем использовать команду имени переменной, за которой следует знак = (равно), а затем ее значение.

Создание прямых переменных со значением

В JavaScript мы также можем объявить переменную непосредственно с содержимым ее значения. Как мы можем использовать ключевое слово var, за ним следует имя переменной, затем знак = (равно) и значение.

Переменная и значение. В приведенном выше коде fullName — это переменная, а Денис Листиади — ее значение.

Доступ к переменным

Одним из преимуществ использования переменных является то, что их можно использовать повторно. Это облегчит задачу, когда вам понадобятся одни и те же данные много раз. Чтобы получить доступ к переменной, нам просто нужно указать имя переменной

ключевые слова let и const

До 2015 года ключевое слово для создания переменной могло использовать только ключевое слово var. Однако, начиная с версии ECMAScript 2015 года, для создания переменных были введены новые ключевые слова, let и const.

В JavaScript больше не рекомендуется использовать ключевое слово var для создания переменных, а заменено на let, это связано с тем, что есть проблемы с первоначальным дизайном var (мы обсудим отдельно).

Переменная let

let fullName = "Denis Listiadi";

Константная переменная

Ключевое слово let похоже на ключевое слово var, где данные в переменной можно изменять по своему усмотрению. В то время как ключевое слово const отличается, когда переменная была заполнена в переменной const, значение переменной больше не может быть изменено. Этот вид переменных иногда называют константами.

Математические операторы

JavaScript поддерживает различные математические операторы для числового типа данных, такие как:

  • Арифметические операторы
  • Расширенные операторы присваивания
  • Унарные операторы
  • И другие

Арифметические операторы

Например, в реализации кода

Расширенные операторы присваивания

Например, в реализации кода

Оператор Унарный

  • + :указывает положительное значение
  • - : указывает на отрицательное значение
  • ++ :Увеличить, увеличить на 1 пункт
  • -- :Уменьшение, уменьшение на 1 пункт

Например, в реализации кода

Операторы сравнения

Операция сравнения — это операция сравнения двух частей данных. Операция сравнения — это операция, которая возвращает логическое значение (истина или ложь). Если результат операции истинен, то значение равно true
Если результат операции ложен, то значение равно false

  • ==равно
  • ===равное значение и одинаковый тип
  • !=не равно
  • !==не равное значение или тип
  • › больше, чем
  • ‹меньше чем
  • ≥больше или равно
  • ≤ меньше или равно

Например, в реализации кода

Логические операторы

Логические операторы — это операторы для двух логических данных. Результатом логического оператора снова является логическое значение.

  • && равно И
  • || is OR
  • ! НЕ

Оператор И ( && )

Оператор ИЛИ ( || )

Унарный оператор ( ! )

Например, в реализации кода

Так как получилось слишком длинно, продолжение будет во второй части здесь

«JavaScript: Введение и основы JavaScript | Часть 2"