JavaScript Объекты

Объекты JavaScript — это данные, которые имеют свойства и методы.

Объекты реального мира, свойства и методы

В реальной жизни автомобиль — это объект.

Объекты имеют свои свойства, такие как вес и цвет, и методы, такие как start и stop:

Object Свойства Методы

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white
car.start()

car.drive()

car.brake()

car.stop()

У всех автомобилей есть эти свойства, но свойства каждого автомобиля не совсем одинаковы.

У всех автомобилей есть эти методы, но они выполняются в разное время.

Объекты JavaScript

В JavaScript почти всё является объектом.

Note В JavaScript объекты очень важны. Как только вы поймёте объекты, вы сможете понять JavaScript.

Вы уже узнали о присваивании значений переменным JavaScript.

Следующий код присваивает переменнойcarзначение "Fiat":

var car = "Fiat";

Объект — это тоже переменная, но объект может содержать несколько значений (несколько переменных), и каждое значение представляется в виде парыname:value.

var car = {name:"Fiat", model:500, color:"white"};

В приведённом выше примере переменной car присваиваются три значения ("Fiat", 500, "white").

Note Объекты JavaScript — это контейнеры для переменных.

Определение объекта

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

Пример

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Попробуйте сами »

Определение объекта JavaScript может занимать несколько строк; пробелы и переводы строк не требуются:

Пример

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

Попробуйте сами »

Свойства объекта

Можно сказать, что "объекты JavaScript — это контейнеры для переменных".

Однако мы обычно думаем о "объектах JavaScript как о контейнерах для пар ключ-значение".

Пары ключ-значение обычно записываются какname : value(ключ и значение разделяются двоеточием).

Пары ключ-значение в объектах JavaScript обычно называютсясвойствами объекта.。

Note Объекты JavaScript — это контейнеры для переменных свойств.

Запись пар ключ-значение объекта похожа на:

  • ассоциативные массивы в PHP
  • словари в Python
  • хеш-таблицы в C
  • хеш-карты в Java
  • хеш-таблицы в Ruby и Perl

Доступ к свойствам объекта

Доступ к свойствам объекта можно получить двумя способами:

Пример 1

person.lastName;

Попробуйте сами »

Пример 2

person["lastName"];

Попробуйте сами »

Методы объекта

Метод объекта определяет функцию и сохраняет её как свойство объекта.

Методы объекта вызываются добавлением () (как функцию).

В этом примере осуществляется доступ к методу fullName() объекта person:

Пример

name = person.fullName();

Попробуйте сами »

Если вы обратитесь к свойству fullName объекта person, оно будет возвращено в виде строки, определяющей функцию:

Пример

name = person.fullName;

Попробуйте сами »

 

Note Объекты JavaScript — это контейнеры для свойств и методов.

В следующих руководствах вы узнаете больше о функциях, свойствах и методах.

Доступ к методам объекта

Вы можете создать метод объекта, используя следующий синтаксис:

methodName : function() {
    // 代码 
}

Вы можете получить доступ к методу объекта, используя следующий синтаксис:

Пример

objectName.methodName()

Попробуйте сами »

Обычно fullName() — это метод объекта person, а fullName — свойство.

Если вы используете свойство fullName, не добавляя(), будет возвращено определение функции:

Пример

objectName.methodName

Попробуйте сами »

Существует множество способов создавать, использовать и изменять объекты JavaScript.

Аналогично, существует множество способов создавать, использовать и изменять свойства и методы.

Note В следующих руководствах вы узнаете больше об объектах.

Другие примеры

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

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

Доступ к свойствам объекта I

Доступ к свойствам объекта II

Доступ к свойству-функции как к методу

Доступ к свойству-функции как к свойству

Другие расширения