JavaScript: не судите меня по плохим сторонам, учите хорошие вещи и придерживайтесь этого!
JavaScript, широко известный как JS, очень важен для обеспечения отзывчивости веб-сайта.
Пример: представьте, что есть веб-сайт с формой после заполнения формы, если клиент нажимает «Отправить», тогда веб-сайт должен сделать некоторый ответ на этот щелчок, с помощью которого мы можем назвать веб-сайт «Истинным». Итак, для ответа требуется JavaScript.
Как включить JS в файл HTML:
Чтобы включить JavaScript в файлы HTML, мы используем тег ‹script› ‹/script›, на котором написан весь JS-код.
Этот тег можно включить в раздел ‹head› или ‹body› на HTML-странице.
Если вы хотите создать отдельный файл для JS и связать его с файлом HTML, мы можем просто указать src = «» в теге скрипта как
‹script src =« index.js »type =« text / JavaScript »› ‹/script›
Тип просто указывает тип сценария, который мы будем использовать «текст / JavaScript», его необязательно включать.
Практика:
Увидев этот пример, вы можете подумать, почему «Hello» не меняется на «Bye», когда мы обновляем внутреннюю HTML-часть «Hello», вы можете получить ответ, просмотрев примечание ниже.
Примечание: документ (файл HTML) выполняется сверху вниз, то есть сначала раздел заголовка, затем часть тела. Таким образом, включение тега сценария в раздел заголовка с операциями, которые должны выполняться как обновление элементов с помощью DOM, изменение стиля элемента в теге сценария может вызвать ошибку в браузере, поскольку мы не можем установить свойства null. Поскольку браузер сначала загружает скрипт, а затем часть тела HTML, он не может знать, о каком элементе идет речь. Таким образом, использование тега сценария в конце тела, который находится перед закрытием тега тела, может решить эту проблему.
Итак, давайте попробуем тот же пример еще раз, изменив положение тега скрипта с головы до конца тела.
Типы данных:
Начнем с типов данных в JavaScript. Они есть:
· Логический тип - установите значение как «истина» или «ложь».
· Тип Null - Установить значение как NULL (пусто).
· Неопределенный тип - установите значение как неопределенное (не строку).
· Тип числа - установите значение в виде числа.
· Тип строки - установите значение String.
Для использования типов данных в JavaScript мы используем следующие ключевые слова:
let - переменные, определенные с помощью let, нельзя повторно объявить в том же блоке. Переменная let имеет область действия Блок, т. Е. Мы не можем использовать переменную let вне блока.
var - переменные, объявленные с помощью var, могут быть повторно объявлены.
const - переменные, определенные с помощью ключевого слова const, не могут быть переназначены или их значение не может быть изменено.
Практика:
JavaScript сильно отличается от других языков, таких как c, CPP, java, python. Поскольку в этом языке программирования для объявления переменной определенного типа данных мы используем синтаксис: тип данных переменная = значение. Тогда как в JavaScript мы используем синтаксис: let переменная = значение. Мы не используем само название типа данных, например int, string. Мы просто объявляем переменную с помощью let, var или const, а сам компилятор на основе значения присваивает переменной тип данных.
Чтобы лучше понять, лучше привести пример. Итак, Ex:
Typeof для нулевого типа данных будет объектом, а для undefined он будет undefined.
typeof просто указывает тип данных переменной.
Если мы объявим переменную let один раз, мы не сможем повторно объявить ее в том же блоке, хотя это возможно с помощью ключевого слова var.
Если нам нужно сделать это для let, мы можем сделать это так:
Если нам нужно сделать это для let, мы можем сделать это так:
То же, что и ключевое слово let, const не позволяет нам повторно объявить переменную, а const также не позволяет нам изменять ее значение.
Обратите внимание, что const не входит в область действия блока.
Комментарии:
Комментарии - это часть, которая написана для нашей справки или для справки других (для понимания кода).
Строки в комментарии игнорируются и не будут выполнены.
Для одной строки комментария мы используем //, тогда как для нескольких строк используется / *, за которым следует * /.
Операторы If… else:
Как следует из названия, если оператор If ложен, то будет выполнен оператор else, и наоборот.
Его синтаксис:
if (первое условие) {
Его синтаксис:
// блок кода выполняется, если первое условие верно
}
else if (второе условие) {
// блок кода выполняется, если первое условие ложно, а второе условие истинно
}
else {
// если и первое, и второе условие ложны
}
И чтобы включить больше наборов операторов, мы используем операторы else if, которые проверяют, истинно ли условие.
Примечание. Console.log () используется только для отображения вывода в консоли (присутствует в инструментах разработчика Google Chrome).
Практика:
Здесь, как если бы условие стало ложным, компилятор проверит наличие условия else if, и, поскольку оно истинно, выполняются операторы под else if, а затем компилятору не нужно проверять другие условия else if или else.
Прервать и продолжить:
Оператор break используется для «выхода» из цикла, а оператор continue используется для «перепрыгивания» из цикла.
Я расскажу об этом подробнее в следующих разделах «Практика».
Переключатель:
Оператор switch оценивает выражение и сопоставляет значение выражения с предложением case и выполняет операторы, связанные с case, а также операторы в случаях, следующих за совпадающим регистром.
После всех операторов case используется break, потому что, если предложение case совпадает со значением выражения, оно должно выскочить из оператора switch. В switch обычно используется предложение по умолчанию, потому что, если значение выражения не совпадает со всеми предложениями case, следует выполнить оператор по умолчанию.
Синтаксис:
переключатель (выражение) {
case val1:
// Оператор выполняется, когда значение выражения совпадает с val1
перерыв;
case val2:
// Оператор выполняется, когда значение выражения совпадает с val2
перерыв;
по умолчанию:
// Оператор выполняется, когда значение выражения не совпадает ни с val1, ни с val2
перерыв;
}
Практика:
Для первого оператора switch значение 'r' не соответствует ни одному предложению case, поэтому выполняется оператор по умолчанию, а для второго оператора switch разрыв не использовался, поэтому, как только условие становится истинным в любом предложении case, затем из там все операторы будут выполняться, даже если условие не соответствует. Следовательно, использование оператора break в переключателе необходимо, чтобы избежать ненужных выходных данных.
Цикл For:
В базовом цикле for есть три оператора:
Синтаксис:
for (оператор 1; оператор 2; оператор 3) {
// Код для выполнения
}
Оператор 1 - инициализирует значение и выполняется только один раз.
Заявление 2 - проверяет, выполняется ли условие по-прежнему или теперь оно стало ложным, как только оно становится ложным, цикл for завершается.
Заявление 3 - будет выполняться каждый раз после выполнения кода.
Практика:
Используя Break, он выскакивает из цикла for, следовательно, когда условие выполняется, то есть когда ‘i’ становится 5, цикл for тормозится. И при использовании Continue он перескакивает через цикл for, поэтому оператор журнала консоли не выполнялся, когда ‘i’ делилось на 5.
Цикл пока:
В цикле while у нас есть только одно условие, но мы можем добавить больше условий в этот оператор, используя операторы and (&&) или (||).
Синтаксис:
while (условие) {
// Код для выполнения
}
Практика:
Цикл Do-while.
В JavaScript также есть дополнительный тип цикла, называемый циклом do-while. Этот цикл всегда будет выполняться хотя бы один раз, потому что данное условие проверяется после выполнения в нем блока кода.
Синтаксис:
do {
// Код для выполнения
} while (условие)
Практика:
Основное различие между циклами do-while и while заключается в том, что даже когда условие ложно, цикл do-while запускает код под ним один раз, а цикл while - нет. Потому что цикл do-while проверяет условие после выполнения кода.
Это было всего лишь введение и основы JavaScript. Вы можете творить чудеса, изучая JS и делая свои персонализированные или созданные вами веб-сайты более адаптивными и эффективными.
Чтобы хорошо владеть языком JavaScript, важно держать под контролем основы. Постоянная работа над JavaScript или другими языками может сделать вас лучшим разработчиком, не правда ли? Я надеюсь, что вся приведенная выше информация поможет вам стать лучшим разработчиком.