Обучение коду сложно. Но это также может быть невероятно вознаграждение. Создание доступа к этому обучению – это то, о чем я невероятно увлечен. Все должны научиться кодировать, даже немного, чтобы иметь основное понимание того, как работает веб. Хотя я должен указать, что я убежден, что в Интернете, вероятно, проводятся вместе тремя гориллами в окопе пальто, который использует только рулон ленты в воздуховоде, имея основное понимание основам языка, такого как JavaScript, невероятно важно.
Что такое JavaScript?
MDN определяет JavaScript как «Язык сценариев, который позволяет создавать динамически обновление контента, контролировать мультимедиа, анимировать изображения и почти все остальное. (Хорошо, не все, но удивительно, что вы можете достичь с несколькими строками кода JavaScript.) “
Хорошо, но что это значит? И как мы можем использовать это? Ну, чтобы погрузиться прямо в мир JavaScript, вам не нужно иметь код кода, работающий на вашем компьютере. Самый простой способ – открыть консоль JavaScript в вашем браузере Chrome. Вы можете сделать это, нажав команду + опцию + j на Mac или Ctrl + Shift + J в системе Windows/Linux.
JavaScript позволяет нам хранить значения внутри переменных, выполнять операции, запустить код, который отвечает на события на веб-странице (например, нажатие или прокрутку, и т. Д.), И намного больше!
Когда мы проходим через определения, попробуйте играть в консоли, введя информацию, как мы идем. Одна из первых вещей, чтобы узнать о том, чтобы учиться коду, заключается в том, насколько важно повторение. Вы узнаете намного больше, кодируя вместе с этим, а не читать его в одиночку. Ваши пальцы и ваш мозг разработают мышечную память и знают, что ввести, прежде чем вводить его, так как он становится все более знакомым, и очень скоро вы превратитесь в кодирующий гений! Хорошо, может быть, не гений, но, конечно, кто-то, кто не так изначально сбился с толку тем, черт возьми, все эти вещи означает, что вы были изначально. Поверьте мне.
Я, конечно, не собираюсь покрывать все, я надеюсь написать несколько статей об этом, но думать об этом как о первой навесе многих в мире JavaScript.
Что такое значение?
Ценность является одним из самых основных и важных единиц информации в программировании. Значение является частью данных. Одной из причин, по которой важно, потому что мы можем хранить данные/значение внутри переменной, а затем доступа к ней позже.
Подумайте о переменной, как каталоги старой школы в библиотеке. Задолго до дни компьютеров, самый простой способ пойти и найти книгу, было исследование в каталоге карточки ссылочный номер, который затем пошел и позволит нам найти книгу, где бы она ни жила в пределах обширной библиотеки. Пока мы знаем ссылочный номер книги, мы всегда можем найти его. Если мы всегда будем знать имя переменной, мы всегда можем найти его значение.
Конвенции в JavaScript означают при названии переменной, мы используем что-то называемое камером. Вместо того, чтобы выписать ценность как this_is_my_very_long_and_non_descriptive_value_name. Мы бы выписали это как myhopelydeScriptivename. . Черемодана написана без пробелов и выглядит как горбы верблюда.
Переменные настолько важны, потому что вместо того, чтобы проходить и вручную изменить везде, где существует наша переменная, мы можем просто изменить его один раз, где он объявлен, и с магией программирования, каждое другое место. Переменная ссылается в наш код, затем обновляется значение переменной.
Типы данных
Все в JavaScript либо объект, либо примитивно.
И есть семь различных примитивных типов данных, которые включают в себя:
- Номер – плавающие точечные номера. Каждое число имеет десятичные точки, даже если мы пишем это как
23.Это на самом деле23.00 - Строки – последовательность персонажей, используемых для текста, всегда ставят между цитатами.
"Это строка!"«Это также строка!» - Логический – логический тип, который может быть только
истинныйилиЛОЖЬ - Undefined – значение, предпринимаемое переменной, которая еще не была назначена, пустая, следовательно, это
неопределенный. - Null – также означает пустое значение.
- Символ – значение, которое уникально и не может быть изменено.
- Bigint – больше целых чисел, чем цифры.
Поскольку JavaScript имеет динамическое набрав, когда мы объявляем переменную, используя либо конститут или Пусть JavaScript определит тип данных для вас. Теперь, когда наверняка пригодится, не так ли?
Объявление переменных с const и пусть
Пусть и Const были введены в ES6. Если вы посмотрите на код, написанные до 2015 года, вы увидите переменные, объявленные с помощью var Отказ Теперь это считается плохой практикой, поэтому не делай этого.
Пусть ключевое слово
Мы используем Пусть Ключевое слово для определения переменных, значение которого изменится позже.
Нет ничего плохого в объявлении переменной с Пусть и переназначить его ценность позже. Вещи меняются, изменения данных, как люди. Ваша любимая группа может быть розовым Флойдом или светодиодным Зеппелен, когда вы были в начальной школе и проходите через серьезную сцену, но теперь, когда вы взрослый и гораздо более серьезные, это, очевидно, BTS.
позволять
const ключевое слово
Const Или постоянна, является переменной, значение которой мы не хотим меняться, или мутировать. Вот почему Const называется неизменным. Как только это определено, вот и все. Потому что Const Несомненно, мы не можем определить его с пустым значением. Это должно быть что-то.
конститут
Попробуйте объявить Const Myeyecolor в консоли, но без значения. Вы вернетесь к ошибке, Uncaught syntaxeRror: отсутствующий инициализатор в Const Декларация Отказ
Основные операторы
Операторы позволяют нам преобразовывать значения или объединить несколько значений.
Есть много категорий операторов: математическое, сравнение, логическое и т. Д.
Математические операторы
У нас есть дополнение, вычитание, разделение, остальное и умножение. + -/% *
Тип оператора
Оператор Typeof является красивым самосвалом, в том, что он говорит вам, какой тип вашей переменной является ваша переменная.
Давайте попробуем это. Попробуйте объявить переменную в консоли. Допустим, количество . Затем введите, Тип (номер) в консоль и посмотреть, что происходит. С магией JavaScript вы увидите, что 2 – это «Номер» Отказ Это даже изменит цвет, когда он вводит эту информацию обратно.
Операторы назначения
У нас есть равные, плюс равны, минус равны, умноженно равны, приращению и уменьшению.
=, +=, -=, *=, ++, —
С + = Операнд, если вы видите что-то объявленное как x Это сокращение для x + y Отказ Это применимо ко всем - = * = Операторы тоже.
Операторы приращения и уменьшения увеличиваются, либо уменьшают нашу стоимость.
Операторы сравнения
Мы используем их для производства логических значений правда или ЛОЖЬ . Или Как вы услышите со ссылкой на JavaScript Lusty или Falsy ценностей.
>, <, >=, <=
Операторы сравнения видят, что что-то меньше чем < больше чем > , <= меньше или равна или больше или равен > = Отказ
И хотя я взрослый, я все еще вижу эти знаки как аллигатор, употребляя числа. Ты никогда не слишком стар не.
Шаблонные литералы
Что такое шаблон литерал? Если вы посмотрели на код JavaScript и почувствовали немного запутанные, несомненно, вы столкнулись во что-то, что выглядит так:
Мой любимый цвет – $ {цвет}.
Шаблон литерал или шаблон или шаблон строки позволяет использовать строку и что-то называемое встроенным выражением.
Вы пишете шаблонные литералы, используя клавишу BackTick на вашем компьютере, и все, что найдено в знак доллара и фигурных брекетов $ {} `- это переменная, которая интерполизирована.
Так что, если мы пошли в нашу консоль, и определили иго, скажем как: Const Отказ
А потом введите наше предложение, мы вернемся:
"Мой любимый цвет - голубой."
JavaScript интерполирует то, что мы уже определили нашу переменную как и вставляем ее в строку для нас. Разве это не удивительно?
Вы также можете использовать BackTicks, чтобы написать несколько строк кода. Просто нажмите Enter, чтобы написать на нескольких строках:
Это $ {SomeCode} Я хочу написать.
Если/иначе заявления
Заявление о если/else называется управляющей структурой и позволяет нам контролировать, какой код выполняется.
Как вы узнаете, как вы погрузитесь в глубже в мире JavaScript, это то, что он не выполняется линейно. На самом деле, это может сделать некоторые довольно интересные вещи с точки зрения асинхронного и синхронного кодирования. Но это немного слишком сложно для новичка.
Теперь, когда мы можем определить, что работает, и когда.
Основная структура утверждения IF/Enter следующим образом:
Если (watewearechecking) { Если watewearechecking оценивает true, то мы запускаем блок кода внутри фигурных скобок. }
Вам не нужно иметь заявление о остальном, прикрепленном к утверждению, если. Хотя, типично, что вы увидите, как приведенные ниже:
Если (watewearechecking) { какой-то код, который мы хотим запустить если правда } еще { Запустите этот код, если условие оценивает значение false. }
Еще одна важная вещь, которую нужно помнить, состоит в том, что все, что мы определяем в блоке, или вьющиеся скобки, недоступны за пределами блока.
Const Пусть приветствие; Если (час> 12) { } else { } Если мы ввели это в консоль, посмотрим “” Добрый вечер! ” выводится. Попробуйте играть и изменять час и посмотреть, что происходит.
Вывод
Это только верхушка айсберга с точки зрения возможностей JavaScript. Есть гораздо больше, когда дело доходит до изучения оснований. Надеюсь на тех, кто, возможно, наткнулся на эту статью, это помогло объяснить некоторые из самых основных принципов, которые создали такой мощный язык как JavaScript.
Оригинал: “https://dev.to/dani8439/javascript-fundamentals-1875”