Переменные JavaScript

Переменные JavaScript

Переменные JavaScript являются контейнерами для хранения значений данных.

В этом примере x, y и z являются переменными:

Пример

var x = 7;
var y = 8;
var z = x + y;

Попробуйте сами

Из предыдущего примера вы можете получить:

  • x хранит значение 7
  • y хранит значение 8
  • z хранит значение 15

как и в алгебре

В этом примере price1, price2 и total являются переменными:

Пример

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Попробуйте сами

В программировании, как и в алгебре, мы используем переменные (например, price1) для хранения значений.

В программировании, как и в алгебре, мы используем переменные в выражениях (total = price1 + price2).

Из предыдущего примера вы можете вычислить, что значение total равно 27.

Совет:Переменные JavaScript являются контейнерами для хранения значений данных.

идентификаторы JavaScript

все JavaScript переменныедолжны начинаться суникальные именаидентификатор.

Эти уникальные имена называютсяИдентификатор.

Идентификаторы могут быть короткими именами (например, x и y), или более описательными именами (age, sum, totalVolume).

Общие правила для конструирования имен переменных (уникальных идентификаторов):

  • имена могут содержать буквы, цифры, символы подчеркивания и символ доллара
  • имена должны начинаться с буквы
  • имена также могут $ и _ начинается (но в этом руководстве мы так не делаем)
  • Имена чувствительны к регистру (y и Y — это разные переменные)
  • Резервированные слова (например, ключевые слова JavaScript) не могут использоваться в качестве имен переменных

Совет:Идентификаторы JavaScript чувствительны к регистру.

оператор присваивания

В JavaScript, символ равенства (=является оператором присваивания, а не оператором равенства.

Это отличается от алгебры. Низший код в алгебре является不合理ным:

x = x + 5

然而在 JavaScript 中，它非常合理：把 x + 5 的值赋给 x。

(Рассчитать значение x + 5 и положить результат в x. Значение x увеличивается на 5.)

Комментарий:Оператор «равенства» в JavaScript: ==.

Типы данных JavaScript

Переменные JavaScript могут хранить числа, такие как 100, и текстовые значения, такие как "Bill Gates".

В программировании текстовые значения называются строками.

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

Строки окружены двойными или одинарными кавычками. Значения не окружены кавычками.

Пример

Если значение поместить в кавычки, оно будет рассмотрено как текстовая строка.
var pi = 3.14;
var person = "Bill Gates";

Попробуйте сами

var answer = 'How are you!';

Декларация (создание) переменных JavaScript

Вы можете создать переменную в JavaScript, это называется «декларацией» переменной. var ключевые слова для декларации переменных JavaScript:

var carName;

После декларации переменная не имеет значения. (Технически, её значение является undefined。）

напримерприсвоениеДля присвоения значения переменной используйте знак равенства:

carName = "porsche";

Вы можете присвоить значение переменной при её декларации:

var carName = "porsche";

В上面的 примере мы создали переменную carName и присвоили ей значение "porsche".

Затем, мы «выводим» это значение в HTML-параграф с id="demo":

Пример

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Попробуйте сами

Совет:

Хорошей привычкой является декларация всех переменных в начале скрипта!

Одно предложение, несколько переменных

Вы можете声明 множество переменных в одном предложении. var в качестве начала предложения, и заканчиваетсязапятаяРазделение переменных:

var person = "Bill Gates", carName = "porsche", price = 15000;

Попробуйте сами

Декларация может распространяться на несколько строк:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Попробуйте сами

Value = undefined

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

Переменная без значения, её значение будет undefined.

Значение переменной carName после выполнения этого предложения равно undefined:

Пример

var carName;

Попробуйте сами

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

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

После выполнения этих двух предложений значение переменной carName все еще "porsche":

Пример

var carName = "porsche";
var carName;

Попробуйте сами

Арифметика JavaScript

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

Пример

var x = 3 + 5 + 8;

Попробуйте сами

Строки также могут использовать плюс, но строки будут скомбинированы:

Пример

var x = "Bill" + " " + "Gates";

Попробуйте сами

Попробуйте это:

Пример

var x = "8" + 3 + 5;

Попробуйте сами

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

Попробуйте это:

Пример

var x = 3 + 5 + "8";

Попробуйте сами

Дополнительное чтение

Давайте JavaScript на продвинутом уровне: Грамматика ECMAScriptи Переменные ECMAScript