Переменные и операторы
Наряду с HTML и CSS, JavaScript является основополагающим элементом Интернета.
Контекст
JavaScript был представлен как язык сценариев компанией Netscape Communications в 1997 году. Возможно, вы видели, что JavaScript упоминается как ES6 или ES2015, но имейте в виду, что ES6 не JavaScript. ES6, сокращение от ECMAScript 6, представляет собой набор стандартов, выпущенных Ecma International.
Под термином «JavaScript ES6» понимается версия JavaScript, соответствующая стандартам, изложенным в ES6.
Это не последняя версия, но важная версия, поскольку в ней появились новые функции, позволившие разработчикам писать более четкий код. Вот некоторые из этих особенностей:
- больше переменных ключевых слов, let и const
- стрелочные функции
- классы
- обещания
Давайте погрузимся, сначала с типами данных
Типы данных — это разные типы данных, которые может использовать программист. В JavaScript их семь:
- Строка: символы, часто буквы, но могут включать цифры, используемые с одинарными или двойными кавычками.
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 — это объектный основанный язык, и это только вершина айсберга в отношении основ.