Кодинг
★ Рубрика: Кодинг
★ Тема: Javascript

Примеры создания объектов в JavaScript

Объект в javascript представляет собой обычный ассоциативный массив или, иначе говоря, 'хэш'. Он хранит любые соответствия 'ключ => значение' и имеет несколько стандартных методов. О том, что такое объект в JavaScript написано очень много. Но, наверное, самый простой способ разобраться в объектах - разобраться в том, как эти объекты создаются. Итак, начнем с переменой. Тут все просто.
var person = "Никодим";
А теперь следующий пример:
var person = {
 firstName : "Василий",
 lastName : "Пупкин",
 age : 50,
 eyeColor : "серые"
};
Доступ к значения элементов объекта можно получить так:
document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;
Записать объявление объекта можно и в одну линию:
var person = {firstName:"Василий", lastName:"Пупкин", age:50, eyeColor:"серые"};
Создать объект можно используя метод new():
var person = new Object();
person.firstName = "Василий";
person.lastName = "Пупкин";
person.age = 50;
person.eyeColor = "серые"; 
Еще пример. Здесь объект создается с помощью конструктора:
function person(first, last, age, eye) {
 this.firstName = first;
 this.lastName = last;
 this.age = age;
 this.eyeColor = eye;
}
var myFather = new person("Василий", "Пупкин", 50, "серые");
var myMother = new person("Евгения", "Тапкина", 48, "черные");
Можно создавать объекты разных типов:
var x1 = new Object();    // Новый Object 
var x2 = new String();    // Новый строковый объект
var x3 = new Number();    // Новый числовой объект
var x4 = new Boolean()    // Новый булев объект
var x5 = new Array();    // Новый объект массива
var x6 = new RegExp();    // Новый объект регулярного выражения
var x7 = new Function();  // Новый объект для функции
var x8 = new Date();      // Новый объект для даты
А вот еще один вариант создания переменных, пожалуй самый лучший:
var x1 = {};
var x2 = "";
var x3 = 0;
var x4 = false;
var x5 = [];
var x6 = /()/;
var x7 = function(){};
Дальше приведен пример, в котором изменяется оригинальное задание значений элемента, созданного объекта:
var person = {firstName:"Василий", lastName:"Пупкин", age:50, eyeColor:"серый"}
var x = person;
x.age = 52;
 Похожие публикации: Javascript

Войдите, чтобы добавить Ваш ответ. [ Регистрация | Вход ]