Что такое JavaScript и как он работает? С некоторым кодом

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

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

Что такое JavaScript и как он работает? С некоторым кодом - Обучение

Что такое JavaScript?

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

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. У каждого есть своя роль в создании веб-приложения.

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

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

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

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

Что такое JavaScript и как он работает? С некоторым кодом - Обучение

Веб-браузер загружает веб-страницу, анализирует 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"];

Функции

يمكن لجافا سكريبت كتابة الدوال ، وإليك دالة بسيطة تضيف أرقامًا.

function addNumbers(num1,num2){

return num1 + num2;

}

>> addNumbers(10,5);

>> 15

Репетиция

JavaScript может выполнять циклические итераторы через for и while.

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!

Комментарии

// написать комментарий

/* Напишите многострочный комментарий

Вы можете использовать столько строк, сколько хотите

Чтобы разделить текст и сделать комментарии более читабельными

* /

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

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

Загрузите внешний файл JavaScript на веб-страницу следующим образом:

<script type="text/javascript" src="/path/to/javascript"></script>

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

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

JavaScript можно встроить прямо в HTML. Вот как:

<script type="text/javascript">

alert("Page is loaded");

</script>

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

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

Пример фрагмента кода javascript

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

Ниже показан выбор всех темных элементов в документе и настройка первого цвета на красный.

var elems = document.getElementsByTagName('b');

elems[0].style.color = 'red';

Хотите поменять изображение в теге img? Следующие инструкции связывают обработчик событий с событием нажатия кнопки.

<img id="myImg" src="prev-image.png">

<button onclick="document.getElementById('myImg').src='new-image.png'">Change Image</button>

Обновить текстовое содержимое элемента абзаца (P)? Установите свойство innerHTML элемента, как показано:

<p id="first-para">Hello World</p>

<button onclick="document.getElementById('first-para').innerHTML = "Welcome to JavaScript!"'>Click me</button>

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

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

Мы надеемся, что это введение принесло некоторые идеи в JavaScript и вдохновило вас на веб-программирование. Есть много ресурсов, чтобы узнать больше о JavaScript. Как только вы почувствуете себя более комфортно, почему бы не попробовать Чтобы узнать, как использовать DOM?

Источник
Перейти к верхней кнопке