переменные и типы данных.

Это первая часть простого в освоении процесса изучения всех частей, составляющих javascript. Начнем с переменных и типов данных.

Переменные:

Переменная похожа на контейнер, который содержит значение (число, строку, объект...). Значение переменной можно изменить (только используя var или let, НЕ const). Чтобы использовать переменную, вы должны сначала объявить ее таким образом;

Мы инициализируем его ключевым словом «var» (подробнее об этом чуть позже), затем имя, обычно то, что находится в «коробке», является стандартом для именования переменных, а затем знак равенства со значением.

Вы можете использовать три разные переменные:

(голые концепции)

  1. var = эту переменную можно использовать везде (или глобально), и ее можно переназначить. (почти не используется)
  2. Let = эту переменную можно вызывать только в определенных областях (или в локальной области), и ее можно переназначить. (иногда используется)
  3. Const = эта переменная может быть вызвана только в определенных областях (или локальной области действия) и НЕ может быть переназначена. (используется в основном)

Вернемся к моей аналогии с коробкой; вы кладете «объекты» в коробку. Затем, когда вы вызываете эти поля, они выводят значения в этом поле (если это имеет смысл…).

Почему мы используем переменные, так это то, что мы можем заполнить их данными и использовать их позже.

Итак, что здесь происходит?

Мы устанавливаем две переменные: одну для «myName», а другую для «myLastName». Затем запустите console.log() (console.log — это просто метод вывода информации в консоль в вашем браузере). Между скобками я помещаю то, что мы хотим вывести, что делается с помощью «+», чтобы «объединить» два слова (или объединить их).

Таким образом, вы останетесь с «jonathanBleibdrey» (javascript не ставит пробелы, это компьютер. Вот почему я запустил его во второй раз с пустыми кавычками, чтобы показать вам, что вы буквально должны ставить пробелы при объединении.)

идем дальше

Если бы мы хотели изменить значение «myName» или «myLastName», нам пришлось бы написать переменную (без ключевого слова var или let) и изменить значение с помощью «=», а затем новое значение, вот так;

Мы используем «myName», а затем знак «=», чтобы изменить начальное значение на все, что мы хотим.

Теперь, если вы снова вызовете myName, оно изменит свое значение, легко.

Мы также используем «конвенцию о верблюжьем регистре» в javascript, первое слово всегда пишется строчными буквами, а затем каждое второе слово пишется с большой буквы… например, «myName» или «myLastName».

Вы также можете использовать цифры «0-9», строчные «a-z», прописные «A-Z» в именах ваших переменных.

РЕГИСТР УВЕДОМЛЕН, поэтому «myName» и «MyName» — это две разные вещи.

Попробуйте назвать переменную как-то интуитивно понятным или что-то, что описывает, какое значение она содержит.

ЗАПРЕЩАЕТСЯ ПЕРЕМЕННЫМ:

  1. Никогда не используйте символы подчеркивания в начале имени переменной, например "_button".
  2. Никогда не ставьте число в начале переменной.
  3. Не используйте «ключевые слова» javascript, такие как var, const, if, for, function, this и т. д.…

ДАЛЕЕ, мы говорим о;

Типы ДАННЫХ:

В javascript есть СЕМЬ типов данных

  1. Boolean онвозвращаетзначение «истина» или «ложь»

Если вы посмотрите вниз, мы установим переменную в данные, и ее значение истинно. Затем мы используем «оператор if-else», если первое значение истинно, тогда он вернет «ура, это сработало». Если оно ложно, оно перейдет к следующей части или «еще» и выдаст «нет!». Итак, поскольку мы устанавливаем данные равными true, он возвращает этот первый console.log «ура, это сработало»

Я также переключил значение данных на false, что, в свою очередь, пропускает первый файл console.log, так как он больше не соответствует действительности, и выводит «нет!».

2. null означает «нет значения».

это никуда не денется (DEAD INPUT, не совсем так).

Мы используем это иногда, когда вы пишете код и не можете оставить его пустым.

Вы также можете использовать null для математики, потому что он выводит то же самое, что и 0;

3.undefined очень похоже на null. Undefined означает, что переменная не была объявлена ​​или была объявлена, но не имеет значения.

Здесь мы устанавливаем переменную, но не присваиваем ей значения.

Мы пытаемся добавить 2 к A, но возвращаемся к «NaN», что означает «не число», потому что оно не определено или мы не установили значение для этой переменной.

4.Числа говорят сами за себя — это любое число (примеры смотрите на картинке)

Не чувствуйте необходимости объяснять это слишком много, вы можете делать математику с числами в javascript или в консоли.

следует отметить, что число может быть десятичным, целым и целым числом.

5.Строка — это просто слова, обычно заключенные в кавычки.

Мы устанавливаем переменную «fun» в значение «кусочки бекона». Когда мы записываем его в console.log, мы используем символ «+», чтобы объединить его со строкой «привет, меня зовут».

Который выводит «привет, меня зовут кусочки бекона». Идем дальше…

6.символы. Новые для ES6, они имеют уникальный идентификатор и неизменяемы (значение не может измениться).

Со строками, если у вас есть две переменные, обе из которых имеют одинаковое значение «Джонатан», они вернут true. С символами они уникальны и вернут false, поскольку они настроены на уникальные характеристики.

Мне еще предстоит использовать «Symbol()» в моем приключении с программированием, но в основном это способ создать очень уникальную строку символов.

7.объектынабор свойств. Свойство – это связь между ключом и значением.

Здесь мы устанавливаем переменную «myCar» как «новый объект ()».

(в основном создание пустого объекта без каких-либо характеристик.)

Затем мы даем «myCar» некоторые ключевые элементы и некоторые значения. Говоря «myCar.make = «Ford»». (мы устанавливаем ключ и значение одновременно)

Думайте об объектах как о папке-аккордеоне (myCar — это имя всей папки), затем у нас есть подуровни (ключевые имена, такие как марка, модель, двери и т. д.), а затем значения — это то, что на самом деле находится внутри этих подуровней. папки (Форд, Мустанг, 3 и т. д.).

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

окей, это определенно было пособием для автостопщиков по фиктивному javascript…! Я надеюсь, что это немного помогло, и ссылка на следующую ниже. Не стесняйтесь прыгать вокруг.

посмотри еще….

Javascript 1 (ссылка на: переменные и типы данных)

Javascript 2 (ссылка на: числа и строки)

Javascript 3 (ссылка на: запись в квадратных скобках и 20 методов сравнения строк)

Javascript 4 (ссылка на: функции и как они работают)

Javascript 5 (ссылка на: подъем, операторы сравнения и операторы if-else)

Javascript 6 (ссылка на: diff. Знаки равенства, null и undefined)

Javascript 7 (ссылка на: логический оператор, &&, || и тернарные операторы)

Javascript 8 (ссылка на: операторы переключения и массивы)

Javascript 9 (ссылка на: часто используемые массивы в javascript)

Javascript 10 (ссылка на: Math. And parseInt Usage)

Javascript 11 (ссылка на: циклы for и вложенные циклы for)

Javascript 12(ссылка на: циклы while и циклы for..in и for..of)

Javascript 13 (ссылка на: 8 методов сравнения массивов)

Javascript 14( ссылка на: объекты и способы использования объектов)

Javascript 15 (ссылка на: JSON и запрос на выборку)

Javascript 16(ссылка на: «это ключевое слово)»

Javascript 17(ссылка на: строгий режим и обработка ошибок)

Javascript 18 (ссылка на: setInterval/setTimeout и даты)

Также у нас есть фреймворк React…

React часть 1 (Как запустить приложение React)

React часть 2 (компоненты и динамические значения)

React часть 3 (Несколько компонентов и небольшая стилизация)

React, часть 4 (кликайте по событиям с помощью функций и инструментов для разработки React)

React часть 5 (ссылка на: хук useState и как выводить списки в React)

React часть 6 (Реквизит и многоразовые компоненты)

React часть 7 (передача функций в качестве реквизита и использование хука эффекта)

Реакция, часть 8 (продолжение с хуком useEffect, зависимостями с useEffect и настройкой сервера JSON для выборки)

React часть 9 (Извлечение данных с помощью JSON)

React часть 10 (полоса загрузки и ошибки выборки)

React часть 11 (кастомные хуки)

React, часть 12 (React Router Dom, Exact и Links)

Социальные сети…

Гитхаб

Инстаграм

Фейсбук

Связанный

"Середина"