JavaScript Объектов
Объекты, свойства и методы реальной жизни
В реальной жизни автомобиль является объектом.
Автомобиль имеет Свойства , такие как вес и цвет, а также методы , как Start и Stop:
| Объекты | Вариантов размещения | Методы |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
Все автомобили имеют одинаковые Свойства, но значения свойств отличаются от автомобиля к автомобилю.
Все автомобили имеют одинаковые методы, но методы выполняются в разное время.
Объекты JavaScript
Вы уже узнали, что переменные JavaScript являются контейнерами для значений данных.
Этот код присваивает простое значение (Fiat) переменной с именем Car:
var car = "Fiat";
Объекты также являются переменными. Но объекты могут содержать много значений.
Этот код присваивает переменной с именем Car множество значений (Fiat, 500, White):
var car = {type:"Fiat", model:"500", color:"white"};
Значения записываются как Name: пары значений (имя и значение, разделенные двоеточием).
Объекты JavaScript представляют собой контейнеры для именованных значений , называемых свойствами или методами.
Определение объекта
Вы определяете (и создаете) объект JavaScript с литералом объекта:
Пример
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Пробелы и разрывы строк не важны. Определение объекта может охватывать несколько строк:
Пример
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
Свойства объекта
Имя: пары значений в объектах JavaScript называются свойствами:
| Свойство | Значение свойства |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
Доступ к свойствам объекта
Доступ к свойствам объекта можно получить двумя способами.
objectName.propertyName
or
objectName["propertyName"]
Пример 1
person.lastName;
Пример 2
person["lastName"];
Методы объекта
Объекты могут также иметь методы.
Методы — это действия , которые могут быть выполнены для объектов.
Методы хранятся в свойствах как определения функций.
| Свойство | Значение свойства |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + " " + this.lastName;} |
Метод — это функция, хранимая как свойство.
Пример
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
Ключевое слово this
В определении функции это относится к "владельцу" функции.
В приведенном выше примере это объект Person , который "владеет" функцией " функция".
Иными словами, this. имя означает свойство " имя " этого объекта.
Подробнее об этом ключевом слове в JS это ключевое слово.
Доступ к методам объектов
Доступ к методу объекта со следующим синтаксисом:
objectName.methodName()
Пример
name = person.fullName();
При доступе к методу без ()он вернет Определение функции:
Пример
name = person.fullName;
Не объявляйте строки, числа и логические объекты объектами!
Когда переменная JavaScript объявляется с ключевым словом "New", переменная создается как объект:
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
Избегайте строк, чисел и логических объектов. Они усложняют код и замедляют скорость выполнения.
Вы узнаете больше об объектах далее в этом учебнике.
