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

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

В каждом браузере есть движок, который может компилировать код JavaScript. Для Firefox это «Spidermonkey», для Google Chrome — «v8», для Microsoft Edge — «Чакра» и так далее. Механизм JavaScript Google Chrome «v8» был взят американским инженером-программистом Райаном Далом и интегрирован в приложение C++, которое в конечном итоге превратилось в компьютерный язык, известный как «Node».

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

Как вы все знаете, код JavaScript может быть написан внутри HTML-документа с использованием элемента «скрипт». Но в большинстве случаев некоторые программисты используют внешний скрипт, чтобы собрать весь код в одном месте и связать его с HTML-документом. Это также называется «разделением интересов». Но имейте в виду, Разделение интересов не подразумевает точной идеи. Это просто означает снижение сложности кода за счет уменьшения количества строк.

Теперь давайте начнем с объявления переменных. Переменные, как вы знаете, представляют собой пустое выделение памяти, на которое ссылается имя. Чтобы объявить переменную, мы должны указать определенный тип данных. Если вы раньше использовали JavaScript, вы должны быть знакомы с типом данных «var». В основном это использовалось до выпуска версии ES6. Однако у него был ряд недостатков, поэтому ECMA ввела новые типы данных let и const в версии ES6. Слово «const» на самом деле не является типом данных. Это аббревиатура от константы. Константы используются только тогда, когда значение фиксировано и не изменяется. Не беспокойтесь о терминах ES6 и ECMA; Я расскажу о них в своей следующей статье «Современный JavaScript».

Основное различие между let и var заключается в том, что переменная, объявленная с помощью «let», имеет область действия, ограниченную блоком, в котором она объявлена, тогда как переменная, созданная с помощью «var», имеет глобальную область. Таким образом, «var» можно рассматривать как ключевое слово, определяющее переменную глобально, независимо от области действия блока.

Поскольку «lastName» объявлен внутри функции с типом «let», она не будет компилироваться. Но если вы удалите эту строку, она будет успешно выполнена.

Далее давайте перейдем к объектам. Объекты в JavaScript — это контейнеры, которые содержат значения, известные как свойства в парах ключ-значение. Например: подумайте о собаке. Он может иметь имя, возраст, цвет, рост и т. д., что означает, что объект Dog состоит из заданных свойств. И если вы хотите распечатать весь объект, вы можете просто вызвать сам объект. Но если вам нужно только свойство внутри объекта, вы можете использовать оператор точки «.». Этот оператор используется для перемещения на один уровень в информационной цепочке.

Перейдем к массивам. Массив — это структура данных, которая используется для представления списка данных. В JavaScript массивы являются динамическими. Таким образом, несколько типов данных могут храниться в одном массиве. Мы можем использовать индекс, который указывается в квадратных скобках («[]»), для чтения каждого элемента внутри него. Кроме того, нам часто нужно искать длину массива. Затем мы можем использовать функцию «.length».

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

Как видите, в скобках рядом с именем функции есть два слова. Они называются «Параметры». Эти переменные допустимы только внутри функции. Это означает, что областью параметров является функция. Эти параметры получают данные из «Аргументов». Аргументы могут отличаться, и данные отправляются во время выполнения. Но количество Аргументов должно соответствовать количеству параметров. Это означает, что в приведенном выше примере значение параметров «имя» и «погода» изменяется на «Шехара» и «30» во время выполнения. Функция в этом примере выполняет задачу. Это означает, что он предназначен для печати чего-то на консоли. Но посмотрите на следующий пример.

Эта функция вычисляет квадрат заданного числа. Здесь мы возвращаем значение тому, кто вызывает функцию. Так что, когда мы передаем ему число в качестве аргумента, он возвращает квадрат. Если вы внимательно посмотрите, есть 2 вызова функций. Ты нашел это? Одним из них является вызов основной функции «calculateSquare», где мы передаем число 9. Но если вы удалите эту часть, вы заметите, что «console.log()» также является вызовом функции. Это означает, что функция log() принимает аргумент и выводит его в консоль.

Теперь, когда вы знаете некоторые основные концепции JavaScript, вы сможете понять изменения и модификации, внесенные в версию ES6, о которых я расскажу в следующей статье «Современный JavaScript».

(Хамедани, 2018 г.)

Рекомендации

Хамедани, М. (2018). Учебник по JavaScript для начинающих: изучите JavaScript за 1 час. Получено 24 июня 2022 г. с https://www.youtube.com/watch?v=W6NZfCO5SIk.

Мегида, Д. (2021). свободный кодкемп. Получено 22 июня 2022 г. с https://www.freecodecamp.org/news/what-is-javascript-definition-of-js/.