ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

JavaScript учебник

JS HOME JS Introduction JS Where To JS Output JS Statements JS Syntax JS Comments JS Variables JS Operators JS Arithmetic JS Assignment JS Data Types JS Functions JS Objects JS Scope JS Events JS Strings JS String Methods JS Numbers JS Number Methods JS Arrays JS Array Methods JS Array Sort JS Array Iteration JS Dates JS Date Formats JS Date Get Methods JS Date Set Methods JS Math JS Random JS Booleans JS Comparisons JS Conditions JS Switch JS Loop For JS Loop While JS Break JS Type Conversion JS Bitwise JS RegExp JS Errors JS Debugging JS Hoisting JS Strict Mode JS this Keyword JS Style Guide JS Best Practices JS Mistakes JS Performance JS Reserved Words JS Versions JS Version ES5 JS Version ES6 JS JSON

JS Forms

JS Forms Forms API

JS Objects

Object Definitions Object Properties Object Methods Object Constructors Object Prototypes

JS Functions

Function Definitions Function Parameters Function Invocation Function Call Function Apply Function Closures

JS HTML DOM

DOM Intro DOM Methods DOM Document DOM Elements DOM HTML DOM CSS DOM Animations DOM Events DOM Event Listener DOM Navigation DOM Nodes DOM Collections DOM Node Lists

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications

JS JSON

JSON Intro JSON Syntax JSON vs XML JSON Data Types JSON Objects JSON Arrays JSON Parse JSON Stringify JSON PHP JSON HTML JSON JSONP

JS References

JavaScript Objects HTML DOM Objects


JavaScript Переменные


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

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

Пример

var x = 5;
var y = 6;
var z = x + y;

Из приведенного выше примера можно ожидать:

  • x хранит значение 5
  • y хранит значение 6
  • z хранит значение 11

Так же, как алгебра

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

Пример

var price1 = 5;
var price2 = 6;
var total = price1 + price2;

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

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

Из приведенного выше примера можно вычислить общее число 11.

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



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

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

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

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

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

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

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


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

В JavaScript знак равенства (=) является оператором "присваивания", а не оператором "Equal to".

Это отличается от алгебры. Следующее не имеет смысла в алгебре:

x = x + 5

В JavaScript, однако, это имеет смысл: он присваивает значение x + 5 в x.

(Вычисляет значение x + 5 и помещает результат в x. Значение x увеличивается на 5.)

Оператор "Equal to" записывается как = = в JavaScript.


Типы данных JavaScript

Переменные JavaScript могут содержать такие числа, как 100, и текстовые значения, такие как "John Doe".

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

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

Строки записываются внутри двойных или одинарных кавычек. Номера пишутся без кавычек.

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

Пример

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';

Объявление (создание) переменных JavaScript

Создание переменной в JavaScript называется "объявлением" переменной.

Объявить переменную JavaScript с помощью ключевого слова var :

var carName;

После объявления переменная не имеет значения. (технически он имеет значение undefined)

Чтобы присвоить значение переменной, используйте знак равенства:

carName = "Volvo";

Можно также назначить значение переменной при ее объявлении:

var carName = "Volvo";

В приведенном ниже примере мы создаем переменную под названием карнаме и присваиваем ей значение "Volvo".

Тогда мы "выход" значение внутри HTML абзац с ID = "демо":

Пример

<p id="demo"></p>

<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.

Переменная карнаме будет иметь значение 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";