Переменные в js: Работа с переменными

<script>
var carName = «Volvo»;
document.getElementById(«demo»).innerHTML = carName;
</script>

Это хорошая практика программирования, чтобы объявить все переменные в начале сценария.

Один оператор, множество переменных

В одном операторе можно объявить множество переменных.

Начните инструкцию с var и разделите переменные запятой:

var person = «John Doe», carName = «Volvo», price = 200;

Объявление может охватывать несколько строк:

var person = «John Doe»,
carName = «Volvo»,
price = 200;

Значение = не определено

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

Переменная, объявленная без значения, будет иметь значение

Переменная карнаме будет иметь значение undefined после выполнения этого оператора:

Пример

var carName;

Повторное объявление переменных JavaScript

Если вы повторно объявите переменную JavaScript, она не потеряет свое значение.

Переменная карнаме будет по-прежнему иметь значение «Volvo» после выполнения этих заявлений:

Пример

var carName = «Volvo»;
var carName;

Арифметика JavaScript

Как и в алгебре, вы можете выполнять арифметические действия с переменными JavaScript, используя операторы LIKE = и +:

Пример

var x = 5 + 2 + 3;

Можно также добавлять строки, но строки будут сцеплены:

Пример

var x = «John» + » » + «Doe»;

Также попробуйте это:

Пример

var x = «5» + 2 + 3;

Если поместить число в кавычки, остальные числа будут обрабатываться как строки и объединяться.

Теперь попробуйте это:

Пример

var x = 2 + 3 + «5»;

❮ Назад Дальше ❯

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

Дэвид Ю.

Проблема

Как мне назвать переменные в моем коде JavaScript?

Решение

• Имена переменных должны начинаться с буквы, символа подчеркивания ( _ ) или знака доллара ( $ ).
• Имена переменных не могут содержать пробелы.
• Переменные не могут совпадать с зарезервированными ключевыми словами, такими как , если или вместо .
• По соглашению имена переменных JavaScript пишутся в camelCase.
• Переменным должны быть даны описательные имена, указывающие на их содержание и использование (например, salesPrice и costPrice , а не x и y ).
• Поскольку переменные JavaScript не имеют установленных типов, может быть полезно включить указание типа в имя (например, orderNumber , очевидно, является числовым идентификатором, тогда как порядок может быть объектом, строкой или чем-то еще).

Присоединяйтесь к обсуждениюПриходите работать с нами

Похожие ответы

• Асинхронные обратные вызовы в JavaScript
• Перехват ошибок JavaScript
• Как проверить если элемент скрыт в jQuery?
• Комментарии в JSON
• Предупреждение: компонент componentWillMount был переименован и не рекомендуется для использования
• Значения параметров функции по умолчанию в JavaScript
• В чем разница между операторами присваивания (`=`) и операторами равенства (`==`, `===`)?
• Разница между `let` и `var` в JavaScript
• Разница между `var functionName = function() {}` и `functionName() {}` в JavaScript
• Отключить/включить ввод с помощью jQuery?
• Получить выбранное значение в раскрывающемся списке с помощью JavaScript
• Получить текущий URL-адрес с помощью JavaScript?
• Получить последний элемент массива с помощью JavaScript
• Как параметры отправляются в запросе HTTP POST?
• Как добавить пару «ключ-значение» в объект JavaScript?
• Как изменить класс элемента с помощью JavaScript?
• Как я могу проверить «неопределенность» в JavaScript?
• Как преобразовать строку в логическое значение в JavaScript?
• Как создать двумерный массив в JavaScript?
• Как узнать, какой переключатель выбран с помощью jQuery?
• Как проверить наличие пустой/неопределенной/нулевой строки в JavaScript?
• Как проверить, содержит ли массив значение в JavaScript?
• Как проверить, установлен ли флажок в jQuery?
• Как скопировать в буфер обмена в JavaScript?
• Как отформатировать дату в JavaScript?
• Как очистить массив в JavaScript?
• Как получить все уникальные значения в массиве JavaScript (удалить дубликаты)?
• Как получить текущую дату в JavaScript?
• Получить значение поля ввода текста с помощью JavaScript
• Как сделать первую букву строки прописной в JavaScript?
• Как обновить страницу с помощью JavaScript?
• Как заменить все вхождения строки в JavaScript?
• Как перейти к элементу с помощью jQuery?
• Как протестировать пустой объект JavaScript?
• Как добавить что-то в массив с помощью JavaScript?
• Как проверить, существует ли ключ в объекте JavaScript
• Как сравнить две даты с помощью JavaScript
• Как отформатировать числа как строки валюты
• Как получить длину объекта JavaScript
• Как получить значения из URL-адресов в JavaScript
• Как вставить элемент в массив по определенному индексу с помощью JavaScript
• Как округлить не более чем до двух знаков после запятой в JavaScript
• Как отправить форму AJAX с помощью jQuery
• Как работает закрытие JavaScript?
• Что делает `»use strict»` в JavaScript и какова причина этого?
• Цикл по массиву в JavaScript
• Функция сопоставления для объектов (вместо массивов)
• Разбор строки с датой в JavaScript
• Перенаправление на другую страницу с помощью JavaScript
• Как удалить конкретный элемент из Множество?
• Удаление свойств объектов в JavaScript
• Возврат значения из вызова асинхронной функции
• Сохранение массивов и объектов в хранилище браузера с использованием JavaScript
• Что такое «Ошибка сценария»?
• Использование точки с запятой в JavaScript
• Установка параметра выбора «выбрано» по значению с помощью jQuery
• Установка «checked» для флажка с помощью jQuery
• Разделение строки в JavaScript
• Как проверить, содержит ли строка подстроку в JavaScript ?
• Истинные и ложные значения в JavaScript
• Неперехваченная ошибка: нарушение инварианта: недопустимый тип элемента: ожидалась строка (для встроенных компонентов) или класс/функция, но получено: объект
• Uncaught ReferenceError: $ не определен?
• Undefined или null в JavaScript
• Предупреждение: каждый дочерний элемент в списке должен иметь уникальный «ключ» Prop
• В чем разница между POST и PUT в HTTP?
• Какая версия JavaScript для `sleep()`?
• Какое значение href следует использовать для пустых ссылок JavaScript: «#» или «javascript:void(0)»?
• Почему мой код JavaScript получает ошибку «Нет заголовка Access-Control-Allow-Origin в запрошенном ресурсе», а Postman нет?
• Неправильные ссылки на this

Удобство для ваших пользователей.

Попробуйте Sentry бесплатноЗапросите демонстрацию

Переменные JavaScript — Темы масштабирования

Обзор

Самое важное при изучении JavaScript — это его основной строительный блок, то есть Переменные Javascript . Нужно знать, как объявить переменную и правила при объявлении переменных JavaScript. Если следовать всем правилам при объявлении переменной, читатель может даже понять назначение той или иной переменной. Таким образом, переменные играют жизненно важную роль в языке программирования, поскольку они используются для хранения значений.

Введение в переменные Javascript

В JavaScript переменная — это имя, присвоенное ячейке памяти , которая используется для хранения любого типа данных . Как следует из названия, переменные означают, что они могут изменяться, то есть данные, хранящиеся в переменной, могут быть изменены или обновлены позже в программе, если это необходимо. Короче говоря, переменная — это символическое имя (или ссылка) на данные или часть информации.

Выделение: Переменная Javascript представляет собой контейнер , а не значение, это означает, что переменные сами по себе не являются значениями; они являются контейнером для ценностей.

Пример: Представьте ящик с именем Возраст , в котором хранится возраст человека. Итак, name — это имя переменной, а хранящийся в ней возраст — это значение.

Правила/идентификаторы при объявлении переменной Javascript

Чтобы объявить переменную Javascript, необходимо знать правила, которым нужно следовать, поскольку при объявлении переменной можно испортить код. Если кто-то не следует правилам, он может получить ошибку.

Правила следующие:

• Переменные чувствительны к регистру в Javascript. Это означает, что schoolName и schoolname считаются разными переменными.
• Мы можем использовать буквы, цифры, символы, такие как знак доллара ($) и подчеркивание (_) в имени переменной.
• Мы не можем начинать имя переменной с цифры (0-9).
• Мы не можем использовать ни одно из зарезервированных ключевых слов (function, return, typeof, break и т. д.) Javascript в качестве имени переменной.

Важные моменты

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

Примеры:

1. Объявление переменной JavaScript с использованием разрывов строк и пробелов:

2. Объявление двух переменных в одной строке через запятую:

3. Использование резервных ключевых слов при объявлении переменной:

4. Примеры допустимых имен переменных:

5. Примеры недопустимых имен переменных:

:::

Синтаксис (правильный и неправильный)

Узнав, что такое переменная Javascript и правила ее объявления, мы углубимся в синтаксис ее объявления.

Правильный синтаксис:

Приведенные выше строки являются правильным синтаксисом для объявления переменной. У нас будет подробная информация об объявлении переменной позже в этой статье.

Примеры:

Неверный синтаксис:

Мы не должны объявлять переменные, используя следующие примеры:

Объявление переменной

Перед использованием необходимо создать переменную. В терминах программирования мы называем это объявлением переменной. В Javascript мы можем объявить переменную, используя ключевые слова let, var или const.

Здесь мы создаем две переменные, одну с помощью let, а другую с помощью var. Вы даже можете попробовать написать эти строки в консоли вашего веб-браузера.

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

Если вы хотите увидеть значение schoolName, вывод будет undefined . Позже мы увидим, что подразумевается под undefined.

Объявление переменных без ключевого слова Var?

Мы видели, как объявить переменную с помощью var. Теперь мы увидим, как мы можем объявить переменную, не используя ни var, ни let.

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

Попробуйте запустить приведенные выше строки в консоли веб-браузера.

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

Примечание:

Эта строка не является декларацией . Если вы выполните эту строку в консоли, она даст вам значение age , если оно уже объявлено, в противном случае вы получите ReferenceError.

Инициализация переменной

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

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

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

Неопределенные и необъявленные переменные

Неопределенные переменные

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

Пример:

Необъявленные переменные

Предположим, вы хотите использовать переменную в операторе, но эта переменная не объявлена ​​ранее. В этом случае код выдаст ошибку ReferenceError, поскольку переменная не объявлена ​​с использованием ключевого слова var . Короче говоря, если мы получим доступ к любой необъявленной переменной, код вызовет ошибку времени выполнения.

Пример:

Попробуйте запустить приведенную выше строку в консоли, и вы получите сообщение об ошибке, показывающее, что ==ReferenceError: xyz не определено==. Это указывает на то, что xyz не объявлено ранее, когда вы пытаетесь получить доступ к необъявленной переменной.

Нестрогий режим

Нестрогий режим по умолчанию в JavaScript иногда называют нестрогим режимом .

В Javascript, если мы не пишем ‘use strict’ внутри кода, код остается в нестрогом режиме. В нестрогом режиме у вас меньше ограничений на написание кода, например:

• Можно объявить одну и ту же переменную несколько раз, используя ключевое слово var .

  Пример:

  Здесь мы дважды объявляем одну и ту же переменную, используя var .

• На самом деле можно объявить переменную с var после того, как вы инициализируете эту переменную. Это будет работать только в нестрогом режиме.

  Пример

  Этот код будет работать из-за подъема переменной в Javascript. Мы обсудим подъем в последней части статьи.

Строгий режим

JavaScript представил строгий режим в ECMAScript 5. Этот режим — способ получить ограниченную версию JavaScript, т.е. иметь некоторые ограничения при написании кода. Преимущества использования строгого режима:

• Он устраняет некоторые скрытые ошибки или предупреждения и вместо этого выдает ошибки, помогающие при отладке.
• Это упрощает написание «безопасного» кода JavaScript. Чтобы узнать о «защищенном коде», вы можете подробно ознакомиться, прочитав любую статью о «строгом режиме в JavaScript» в Google.
• Не позволяет пользователям выполнять «небезопасные» действия, такие как удаление свойства глобального объекта. Пример: удаление Object.prototype приводит к ошибке.

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

Ограничение на объявления переменных в строгом режиме:

• В обычном JS, если мы не используем var, мы создаем глобальную переменную, но в строгом режиме мы не можем этого сделать, что предотвращает случайное создание глобальной переменной.

  Пример:

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

Подъем переменных JavaScript

Наиболее важной и уникальной функцией JavaScript является Переменный подъем или var Подъем . В JavaScript все объявления переменных обрабатываются до выполнения любой другой части кода. Таким образом, объявляя все переменные в верхней части кода. Эта функция называется подъемом в JavaScript. Объявления перемещаются в начало глобального кода или в начало функции, в зависимости от того, где она объявлена. Это перемещение объявлений в начало функции или глобального кода выполняется автоматически внутри самой JS. На самом деле мы не видим изменений. Это будет ясно из приведенных ниже примеров. Подъем также инициализирует переменную значением » undefined «.

Пример:

Приведенный выше код такой же, как:

Примечание: Подъем только перемещает объявление в верхнюю часть области (глобальной или функциональной). Он никогда не перемещает строки назначения

Пример:

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

Примечание : переменные , объявленные с помощью let и const , также поднимаются, но они не инициализируются с помощью undefined . Итак, если кто-то попытается использовать переменные перед объявлением, то будет выброшено исключение.

Разница между ‘var’ и ‘let’

Вам может быть интересно, что такое let, так как мы не обсуждали это подробно. Здесь мы объясним разницу между var и let. Прежде всего, оба ключевых слова используются для объявления переменных в JavaScript.