Работа с объектами JavaScript

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

Создание объектов в JavaScript

Существует несколько способов создания ваших собственных объектов в JavaScript. Объект может быть создан с фигурными скобками {...} с дополнительным списком свойств. Свойство представляет собой пару «ключ: значение», где ключ - это строка (также называемая «именем свойства»), а значение может быть любым.

Пример

 
var student = {
  ID:1001,
  name: "John",
  getName: function() {
    alert(this.name);
  }
};
student.getName();

Здесь вы можете видеть, что ученик - это Объект и Идентификатор, а имя - Свойства Объекта, а метод getName() - в Object.

Создание объекта с ключевым словом

 
var student = new Object();
student.ID = 1002;
student.name = "Jack";
alert(student.name);

Создание объекта из конструктора объектов

 
function student(id,name){
  this.id = id;
  this.name = name;
}
student1 = new student(1001,'David');
alert(student1.name);

Метод в объекте JavaScript

Методы могут определять внутри объектов JavaScript. Но перед определением метода нам нужно добавить свойство в функцию с тем же именем, что и метод.

 
function student(id,name){
  this.id = id;
  this.name = name;
  this.getDetails = getDetails;
  function getDetails() {
    return "ID: " + this.id + "  , Name : " + this.name;
  }
}
student1 = new student(1001,'David');
alert(student1.getDetails());

Объект содержит другой объект

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

 
var student = {
  name: "John", age: 14,
    classTeacher: {
      fName: "Jack",
      lName: "Danile"
    }
};
alert(student.classTeacher.fName);
alert(student['classTeacher']['fName']);
alert(student.classTeacher['fName']);
alert(student['classTeacher'].fName);

 

 

 

Источник: http://net-informations.com/js/funda/objects.htm

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Adblock
detector