2.1 Переменные и боль

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

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

var name;
var name = value;

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


var a = 10, b = 20;
var c = a*a + b*b;

var s = "Диагональ равна:";
console.log( s + Math.sqrt(c));

Отличный и понятный код, не правда ли? Возможно, это последний раз в твоей жизни, когда вы видите красивый и понятный JavaScript код. Запомни этот момент :)

2.2 Типизация в JavaScript

Как уже говорилось выше, у переменных в языке JavaScript типа нет. Но вот у значений переменных типы есть. Вот 5 самых распространенных типов в JavaScript:

# Тип Пример Описание
1 Number
var pi = 3.14;
Содержит любое число
2 String
var s = "Привет!";
Содержит строку
3 Boolean
var result = true;
Содержит true или false
4 Array
var arr = [1, 2, 3, 4, 5];
Содержит массив элементов
5 Date
var current = new Date();
Содержит дату
6 Object
var o = {
   width: 100,
   height: 200
}
Содержит объект, который состоит из пар key, value. Чем-то похож на HashMap в Java
7 Function
function sqr(var x) {
   return x*x;
}
Функция

Для определения типа объекта используется ключевое слово typeof, пример:


var s = "134";
var x = (typeof s == "String") ? s*1 : s;

2.3 Функции и return

Ну и конечно же в JavaScript есть функции. Классов там нет, так что объявлять функции можно в любом месте кода. Даже в других функциях. Общий формат имеет вид:


   function name(a, b, c) {
     // код функции
      return result;
   }

Типа у функции нет. А зачем, если в самом языке нет контроля совместимости типов? Параметры функции тоже могут отсутствовать. Как и команда return, которая возвращает значение.

При вызове функции можно передавать любое количество параметров любого типа. Лишние отбросится, недостающие будет равны null.

Примеры функций:


    function getValue(name)
    {
        return this[name];
    }

    function setValue(name, value)
    {
        this[name] = value;
    }

2.4 Массивы в JavaScript

Массивы в JavaScript очень похожи на массивы в Java. Примеры:


   var array = [1, 2, 3, 4, 5];
   array[3] = array[2];
   console.log (array[0]);

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


   var array = [1, "Привет", 3.14, [4, 5] ];
   array[3] = array[2];
   console.log (array[0]);

Кроме того, массивы также ведут себя как коллекции – в них можно динамически добавлять элементы:


   var array = [];
   array.push(100);
   array.push(101);
   array.push(102);
 
   array[1] = array[2];
   console.log (array[0]);

2.5 Объекты в JavaScript

Объекты в JavaScript очень похожи на HashMap из Java: они содержат пары ключ-значение. Пример:


   var obj = {
    name: "Bill Gates",
    age: 67,
    company: "Microsoft"
   };
 
   console.log (obj.age);

К полям объекта можно обращаться двумя разными способами:

var x = obj.age;
var x = obj["age"];

Как и в случае с HashMap, поля можно создавать и удалять. Пример:


   var obj = {};
   obj.name = "Bill Gates";
   obj.age = 67;
   obj.company = "Microsoft";
 
   delete obj.age;  //удаление поля