Что такое JavaScript и как он работает?

Что такое JavaScript и как он работает?

JavaScript стал основой современной веб-разработки. Этот мощный язык превратился в важный инструмент для понимания любого веб-разработчика.





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



Что такое JavaScript?

JavaScript - это язык сценариев для Интернета. Это интерпретируемый язык, что означает, что ему не нужен компилятор для перевода своего кода, например C или C ++. Код JavaScript запускается непосредственно в веб-браузере.





Последняя версия языка - ECMAScript 2018, выпущенная в июне 2018 года.

JavaScript работает с HTML и CSS для создания веб-приложений или веб-страниц. JavaScript поддерживается большинством современных веб-браузеров, таких как Google Chrome, Firefox, Safari, Microsoft Edge, Opera и т. Д. Большинство мобильных браузеров для Android и iPhone теперь также поддерживают JavaScript.



JavaScript управляет динамическими элементами веб-страниц. Он работает в веб-браузерах, а с недавних пор и на веб-серверах. Интерфейсы прикладного программирования (API) также поддерживаются JavaScript, что дает вам больше возможностей.

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



Строительные блоки веб-приложений

Есть три компонента, которые создают веб-сайты и приложения: язык гипертекстовой разметки (HTML), каскадные таблицы стилей (CSS) и JavaScript. У каждого есть своя роль в создании веб-приложения.

  • HTML это язык разметки, который создает каркас веб-страницы. Все абзацы, разделы, изображения, заголовки и текст написаны в HTML. Контент отображается на веб-сайте в том порядке, в котором они написаны в HTML.
  • CSS управляет стилем и дополнительными аспектами макета. CSS используется для создания дизайна веб-сайта, создавая цвета, шрифты, столбцы, границы и т. Д. Он переводит веб-сайт от простых текстовых элементов до красочного дизайна.
  • Третий элемент - это JavaScript. HTML и CSS создают структуру, но оттуда они ничего не делают. JavaScript создает динамическую активность в вашем приложении. Сценарии в JavaScript - это то, что контролирует функции при нажатии кнопок, как аутентифицируются формы паролей, как контролируются медиа.

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



как сжать аудиофайл

Как работает JavaScript?

Перед написанием JavaScript важно знать, как он работает под капотом. Необходимо изучить две важные части: как работает веб-браузер и объектная модель документа (DOM).

Веб-браузер загружает веб-страницу, анализирует HTML и создает из содержимого так называемую объектную модель документа (DOM). Модель DOM представляет веб-страницу в реальном времени для вашего кода JavaScript.

Затем браузер захватит все, что связано с HTML, например изображения и файлы CSS. Информация CSS поступает из синтаксического анализатора CSS.

HTML и CSS объединяются DOM, чтобы сначала создать веб-страницу. Затем движок JavaScript браузеров загружает файлы JavaScript и встроенный код, но не запускает код сразу. Он ожидает завершения загрузки HTML и CSS.

Как только это будет сделано, JavaScript выполняется в том порядке, в котором написан код. В результате DOM обновляется кодом JavaScript и отображается браузером.

Здесь важен порядок. Если бы JavaScript не дождался завершения HTML и CSS, он не смог бы изменить элементы DOM.

Что я могу делать с JavaScript?

JavaScript - это полноценный язык программирования, который может делать большинство вещей, которые может делать обычный язык, такой как Python. Это включает:

как сайты социальных сетей зарабатывают деньги
  • Объявление переменных.
  • Хранение и получение значений.
  • Определение и вызов функций, включая стрелочные функции .
  • Определение объектов и классов JavaScript.
  • Загрузка и использование внешних модулей.
  • Написание обработчиков событий, которые реагируют на события щелчка.
  • Написание серверного кода.
  • И многое другое.

Предупреждение: Поскольку JavaScript - такой мощный язык, можно также писать вредоносные программы, вирусы и взламывать браузер, чтобы навлечь их на пользователей. Они варьируются от кражи файлов cookie браузера, паролей, кредитных карт до загрузки вирусов на ваш компьютер.

Использование JavaScript

Давайте посмотрим на основы JavaScript на примерах кода.

Объявление переменных

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

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Операторы

Добавление

12 + 5
>> 17

Вычитание

20 - 8
>> 12

Умножение

5 * 2
>> 10

Разделение

50 / 2
>> 25

Модуль

45 % 4
>> 1

Массивы

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Функции

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

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Петли

JavaScript может выполнять циклы для итерации, такие циклы, как для петель а также пока петли.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Комментарии

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

На веб-странице

Самый распространенный способ загрузки JavaScript на веб-страницу - использовать сценарий HTML-тег. В зависимости от ваших требований вы можете использовать один из следующих методов.

  • Загрузите внешний файл JavaScript на веб-страницу следующим образом:
  • Вы можете указать полный URL-адрес, если javascript находится в другом домене веб-страницы, следующим образом:
  • JavaScript может быть непосредственно встроен в HTML. Вот
    alert('Page is loaded');

Помимо этих методов, есть способы загрузки кода JavaScript по запросу. Фактически, существуют фреймворки, предназначенные для загрузки и запуска модулей JavaScript с правильными зависимостями, разрешенными во время выполнения.

Это более сложные темы, прямо сейчас вы изучаете основы.

Примеры фрагментов кода JavaScript

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

  • Следующее выбирает все жирный элементов в документе и устанавливает красный цвет для первого. var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
  • Хотите изменить изображение в img ярлык? Следующее связывает обработчик событий для щелкнуть событие кнопки.
    Change Image
  • Обновить текстовое содержимое абзаца ( п ) элемент? Установить innerHTML свойство элемента, как показано:

    Hello World


    Click me

Эти образцы кода дают лишь представление о том, что вы можете делать с помощью JavaScript на своей веб-странице. Существует множество руководств, которые научат вас программировать, чтобы начать работу. Вы можете опробовать его на любой веб-странице, даже на этой! Откройте консоль и попробуйте немного кода JavaScript.

Теперь вы знаете, что делает JavaScript

Надеюсь, это введение дало некоторое представление о JavaScript и увлекло вас веб-программированием. Вы можете резюмировать все это в наша удобная шпаргалка по JavaScript . О JavaScript можно узнать гораздо больше. Когда вы почувствуете себя более комфортно, почему бы не попробовать научиться использовать объектную модель документа? Вам также может быть интересно узнать о TypeScript.

Делиться Делиться Твитнуть Эл. адрес Как очистить компьютер с Windows с помощью командной строки

Если на вашем ПК с Windows не хватает места для хранения, удалите ненужные файлы с помощью этих быстрых утилит командной строки.

SD-карта говорит, что защищена от записи, но это не так
Читать далее Похожие темы
  • Объяснение технологии
  • Программирование
  • Веб-разработка
  • JavaScript
  • Сценарии
Об авторе Энтони Грант(Опубликовано 40 статей)

Энтони Грант - внештатный писатель, освещающий программирование и программное обеспечение. Он специализируется в области компьютерных наук, занимается программированием, Excel, программным обеспечением и технологиями.

Ещё от Anthony Grant

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться