В реальной жизни автомобиль - это объект. Автомобиль имеет такие свойства, как вес и цвет, а также методы, такие как запуск и остановка.
Все автомобили имеют одинаковые свойства, но их значения различаются от машины к машине.
У всех автомобилей одни и те же методы, но методы выполняются в разное время.
Объект JavaScript
Объекты JavaScript - это контейнеры для именованных значений, называемых свойствами или методами.
Переменные JavaScript - это контейнеры для значений данных. Объекты тоже являются переменными, но могут содержать много значений.
Думайте об объекте как о списке значений, которые записываются как пары имя: значение, с именами и значениями, разделенными двоеточиями.
Пример:
var person = {name: «John», возраст: 25, FavColor: «Blue», рост: 150; }
Эти значения называются свойствами.
Свойства объекта
Пары имя: значения в объектах JavaScript называются свойствами.
Доступ к свойствам объекта
Вы можете получить доступ к свойствам объекта двумя способами.
objectName.propertyName
// или
objectName [’propertyName’]
Этот пример демонстрирует, как получить доступ к возрасту нашего объекта person.👇
var person = {имя: «Джон», возраст: 25, favColor: «синий»; }
var x = person.age;
var y = человек [возраст];
Объект - одна из основных концепций JavaScript.
Конструктор объектов
В предыдущем уроке мы создали объект, используя синтаксис литерала объекта (или инициализатора). Это позволяет создать только один объект.
Иногда нам нужно установить тип объекта, который можно использовать для создания нескольких объектов одного типа.
Стандартный способ создать "объектный тип" - использовать функцию-конструктор object .
функциональное лицо (имя, возраст, рост) {this.name = name;
this.age = возраст;
this.height = высота;
}
Вышеупомянутая функция (человек) представляет собой конструктор объекта, который принимает параметры и присваивает их свойствам объекта.
Объекты Методы
У объектов также могут быть методы.
Методы - это действия, которые можно выполнять с объектами.
Методы - это функции, которые хранятся как свойства объекта.
Методы хранятся в свойствах как определения функции .
Используйте следующий синтаксис для доступа к методу объекта:
methodName = function () {строки кода}
Получите доступ к методу объекта, используя следующий синтаксис:
objectName.methodName
Метод объекта - это свойство, содержащее Определение методов.
Как вы уже знаете, document.write () выводит данные. Функция write () на самом деле является методом объекта документа.
document.write («Это какой-то текст»);
Метод - это функция, принадлежащая объекту. На него можно ссылаться с помощью ключевого слова this.
Ключевое слово this используется в качестве ссылки на текущий объект, что означает, что вы можете получить доступ к свойствам и методам объекта, используя его.
Определение методов выполняется внутри функция-конструктор.
Например:
функция person (имя, возраст) {
this.name = name;
this.age = age;
this.changeName = function (name) {
this.name = name ;
}
}
var p = new person (David, 21);
p.changeName (John);
// Теперь p. имя равно Джон
В приведенном выше примере мы определили метод с именем changeName для нашего человека, который является функцией, которая принимает параметр name и присваивает его свойству name объекта.
this.name относится к свойству name объекта.
В определении функции this относится к «владельцу» функции.
Ключевое слово this относится к текущему объекту.
Обратите внимание, что это не переменная. Это ключевое слово, и его значение нельзя изменить.
Вы также можете определить функцию вне функции конструктора и связать ее с объектом.
функция person (имя, возраст) {
this.name = name;
this.age = age;
this.yearOfBirth =bornYear;
}
functionbornYear ( ) {
return 2016 - this.age;
}
Как видите, мы присвоили свойство объекта yearOfBirth функцииbornYear.
Ключевое слово this используется для доступа к свойству age объекта, который будет вызывать метод.
при назначении функции объекту необязательно писать круглые скобки.
Назовите методы обычными
функция person (имя, возраст) {
this.name = name;
this.age = age;
this.yearOfBirth =bornYear;
}
functionbornYear ( ) {
return 2016 - this.age;
}
var p = new person (A, 22);
document.write (p.yearOfBirth () );
// Выводит 1994
Вызовите метод по имени свойства, которое вы указали в функции-конструкторе, а не по имени функции.
Не объявляйте строки, числа и логические значения как объекты 📌
Если у вас есть конструктор объекта, вы можете использовать ключевое слово new для создания новых объектов того же типа.
Когда переменная JavaScript объявляется с ключевым словом 'new', переменная создается как объект:
var x = новая строка (); // Объявляет x как объект String
var y = new Number (); // Объявляет y как числовой объект
var z = new Boolean (); // Объявляет z как логический объект
Избегайте строковых, числовых и логических объектов. Они усложняют ваш код и замедляют скорость выполнения.
Примечание. Поскольку свойства объекта аналогичны переменным, методы аналогичны функциям.
Это всего лишь основа объектов JavaScript. Зная это, вы сможете больше узнать о различных объектах JavaScript.
Пожалуйста, если вы узнали что-то из этой статьи, пожалуйста, аплодируйте и подписывайтесь на меня. Спасибо за прочтение. Удачного кодирования !! ❤️
Помните: это не сработает, пока вы не попробуете 📌💯❤️
