Переменные и операторы

Наряду с HTML и CSS, JavaScript является основополагающим элементом Интернета.

Контекст

JavaScript был представлен как язык сценариев компанией Netscape Communications в 1997 году. Возможно, вы видели, что JavaScript упоминается как ES6 или ES2015, но имейте в виду, что ES6 не JavaScript. ES6, сокращение от ECMAScript 6, представляет собой набор стандартов, выпущенных Ecma International.

Под термином «JavaScript ES6» понимается версия JavaScript, соответствующая стандартам, изложенным в ES6.

Это не последняя версия, но важная версия, поскольку в ней появились новые функции, позволившие разработчикам писать более четкий код. Вот некоторые из этих особенностей:

  • больше переменных ключевых слов, let и const
  • стрелочные функции
  • классы
  • обещания

Давайте погрузимся, сначала с типами данных

Типы данных — это разные типы данных, которые может использовать программист. В JavaScript их семь:

  1. Строка: символы, часто буквы, но могут включать цифры, используемые с одинарными или двойными кавычками.

2. Число: включает десятичные знаки, не используется с кавычками.

3. Логическое значение: представляет значение true или false, не заключенное в кавычки.

4. null: значение не присвоено

5. undefined: значение не присвоено, но отличается от нуля

6. Символ: уникальные идентификаторы

7. Объекты!: набор связанной информации
*console из console.log() является объектом!

Комментарии

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

  • Однострочные комментарии обозначаются двойной косой чертой в начале строки кода.
  • Многострочные комментарии обозначаются двумя звездочками, заключенными в обратную косую черту.

Переменные

Переменная – это контейнер для информации, которая помечается, хранится в памяти и может использоваться повторно. Вы можете делать только несколько вещей с переменными:

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

Анатомия переменной, начнем с инициализации. . .

Чтобы инициализировать или объявить переменную, сначала нужно использовать ключевое слово const или let (или var).

  • const используется, если переменная не изменится. Вы не можете изменить значение этой переменной. Если вы попробуете, вы получите ошибки.
  • let используется, если переменная может быть изменена. Вы можете обновить значение этой переменной, но не можете переназначить ее значение.
  • var использовался/используется аналогично let, его значение можно как обновить, так и переназначить.

* Здесь не рассматриваются подъем и область переменных, но эта ссылка Free Code Camp объясняет эти концепции подробнее.

Именование переменных

Затем назовите или пометьте информацию, которую вы храните в переменной, и установите правила:

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

Операторы

Прежде чем перейти к третьей части, вы должны знать о символах под названием операторы, которые полезны для выполнения задач. Операторов много. Возможно, вам больше всего знакомы МАТЕМАТИЧЕСКИЕ ОПЕРАТОРЫ!!

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

Наконец, принято закрывать инициализацию переменной точкой с запятой!

Вещи со строками

Вы можете комбинировать строки с помощью знака сложения +, также известного как математический оператор, добавляя одну строку в конец другой. Это называется объединением.

Сделайте еще один шаг и вставьте переменные в строку, используя литералы шаблонов.

`${ what }` Что нужно знать о литералах шаблонов

Литерал шаблона заключен в обратные галочки `` символ, который обычно находится с тильдой и под ней ~ слева от цифры 1 на вашей клавиатуре.

В литерале шаблона используйте знак доллара $ и фигурные скобки { }, чтобы вставить или интерполировать переменную. Это выглядит так:

И последнее о струнах

Любая заданная строка имеет свойство с именем .length и множество методов, таких как .fontcolor() , .trim() и многие другие.

Под свойством можно понимать атрибут строки. Это тизер для объектов и объектно-ориентированного программирования.

Под методом можно понимать специальную функцию. В JavaScript некоторые методы встроены в зависимости от того, с чем вы работаете, но вы также можете определить свои собственные.

Чтобы получить доступ к свойству или методу длины, вы должны добавить оператор точки, также известный как точка . в конец вашей строки, затем добавьте свойство или метод, который вы хотите использовать. Это выглядит так:

// demo the .length property on a string
console.log('Pamela'.length);
//returns the number 6

// demo the .fontcolor() method on a string console.log('Pamela'.fontcolor(“FA8072”));
// returns HTML accordingly: <font color=“FA8072”>Pamela</font>

Закрытие

Отсюда отличным местом для продолжения обучения будут объекты. Javascript — это объектный основанный язык, и это только вершина айсберга в отношении основ.