JavaScript переменные

JavaScript Hello World

Те, кто изучал какой-либо язык, знает, что практически в любом учебном пособии первая программа, которая пишется - это программа Hello World. Почему именно Hello World? По двум причинам: первая причина - это простота кода, вторая причина - данная программа показывает основной синтаксис языка. И в этой статье мы напишем простейшую программу Hello World на языке JavaScript, а также ознакомимся с основами синтаксиса этого языка.

Сразу привожу код Hello World на JavaScript, а дальше объясню, что здесь написано:

<script language = 'javascript'>
document.write("Hello World");
</script>

Если Вы сохраните этот скрипт в файле под расширением "html" и откроете его в браузере, то увидите, что в окне написана надпись: "Hello World". А теперь объясняю, что здесь написано.

Вначале идёт открывающий тег <script> с атрибутом language в значении " javascript ". Данная строка означает, что внутри тега <script> идёт код, написанный на языке javascript. На следующей строке написано: "document.write("Hello World");". Document - это объект языка JavaScript, а write() - это метод этого объекта, который принимает в качестве параметра строку (в нашем примере - это " Hello World ") и выводит её в браузер. Если Вы знакомы с ООП (объектно-ориентированным программированием), то тогда Вам всё стало уже понятно. А тем, кто не знаком, предлагаю для начала (только для начала) принять строчку "document.write("Hello World");" - как конструкцию, которая выводит в окно браузера строку.

После каждого оператора ставится ";". Хотя JavaScript позволяет этого не делать, но всё же я настоятельно рекомендую Вам их ставить, потому что практически в любом языке программирования они требуются (за небольшим исключением, по типу языка assembler), и желательно привыкать к ним с самого начала.

Когда код JavaScript написан, требуется закрыть тег <script>.

Вот мы и написали простейшую программу Hello World на языке JavaScript.

JavaScript переменные

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

Давайте напишем заготовку для программы на языке JavaScript, и уже потом будем создавать переменные:

<script language = 'javascript'>
</script>

Это заготовка, о которой я уже говорил в прошлой статье. Теперь создадим переменную. Переменные создаются с помощью ключевого слова " var ". После этого ключевого слова идёт имя переменной. В принципе, серьёзных ограничений на имя переменной нет, однако есть определённые правила:

1) Переменная не может состоять только из одних цифр.

2) Переменная не должна содержать пробельных символов.

3) Переменная не может быть ключевым словом (например, нельзя назвать переменную " var ").

4) Переменная не может содержать различные спецсимволы (кавычки, апострофы, восклицательный и вопросительный знаки, точка, запятая и прочее), однако, дефис и знак подчёркивания использовать можно.

После определения имени переменной можно её инициализировать, и через знак " = " написать её значение.

Вот пример создания и инициализации переменной.

var x = 5;

В этом примере создаётся переменная с именем " x ", которой присваивается значение " 5 ".

Теперь создадим ещё одну переменную в JavaScript скрипте, которой присвоим значение переменной " x " + 1.

var y = x + 1;

В примере выше мы создали переменную " y ", у которой значение переменной " x " + 1, то есть в нашем случае - это " 6 ". Разумеется, помимо операции сложения, есть также и операции вычитания (-), умножения (*) и деления (/). Поэтому Вы можете попрактиковаться, создавая новые переменные в JavaScript и меняя их значения. Также мы можем поменять значение переменной таким образом:

x = 6;

В данной строке мы переменной " x " присвоили новое значение - " 6 ". Соответственно, старое значение стёрлось. Также мы можем изменять значение переменной относительно её первоначального значения. Делается это так:

x = x + 3;

Здесь мы переменную " x " увеличили на " 3 " и записали полученное значение в переменную " x ". Также есть сокращённая запись (ввиду того, что это действие используется регулярно):

x += 3;

Это запись эквивалентная предыдущему примеру. Часто увеличение переменной идёт на " 1 ". Конечно, мы можем написать так:

x = x + 1;

Или даже так:

x += 1;

Но для этого очень часто используемого действия используется другая операция - инкремент, которая записывается таким образом:

x++;

Вот и всё, что хотелось написать о создании и инициализации переменных в языке JavaScript. Теперь поговорим о выводе переменных в окно браузера. Выводить их можно, например, используя функцию document.write(), передав в качестве параметра имя переменной:

document.write(x);

Теперь Вы можете всё это собрать в кучу (постарайтесь это сделать) и узнать, чему после всех этих операций равняется переменная " x ".

Дата добавления: 2015-10-31