У цьому посібнику ви дізнаєтеся про методи об’єктів JavaScript та це ключове слово за допомогою прикладів.
У JavaScript об'єкти також можуть містити функції. Наприклад,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
У наведеному вище прикладі personоб'єкт має два ключі ( nameі greet), які мають значення рядка та значення функції, відповідно.
Отже, в основному метод JavaScript - це властивість об’єкта, що має значення функції.
Доступ до об’єктних методів
Ви можете отримати доступ до об’єктного методу, використовуючи крапкові позначення. Синтаксис:
objectName.methodKey()
Ви можете отримати доступ до властивості, викликавши objectName та ключ . Ви можете отримати доступ до методу, викликаючи objectName і ключ для цього методу разом з (). Наприклад,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Тут greetметод доступний як person.greet()замість person.greet.
Якщо ви спробуєте отримати доступ до методу лише person.greet, це дасть вам визначення функції.
person.greet; // ƒ () ( console.log('hello'); )
Вбудовані методи JavaScript
У JavaScript існує безліч вбудованих методів. Наприклад,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Тут використовується parseInt()метод об’єкта Number для перетворення числового значення рядка в ціле число.
Щоб дізнатись більше про вбудовані методи, відвідайте вбудовані методи JavaScript.
Додавання методу до об’єкта JavaScript
Ви також можете додати метод в об'єкт. Наприклад,
// creating an object let student = ( ); // adding a property student.name = 'John'; // adding a method student.greet = function() ( console.log('hello'); ) // accessing a method student.greet(); // hello
У наведеному вище прикладі створюється порожній studentоб’єкт. Потім nameдодається властивість. Аналогічним чином greetдодається також метод. Таким чином, ви можете додати метод, а також властивість до об'єкта.
JavaScript це ключове слово
Щоб отримати доступ до властивості об’єкта з методу того самого об’єкта, потрібно використовувати thisключове слово. Розглянемо приклад.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Вихідні дані
Звати Джон
У наведеному вище прикладі створюється personоб’єкт. Він містить властивості ( nameта age) та метод greet.
У методі greetпід час доступу до властивості об’єкта thisвикористовується ключове слово.
Для доступу до властивостей об'єкта thisвикористовується ключове слово, наступне за ключем. та .
Примітка : У JavaScript thisключове слово при використанні з методом об'єкта посилається на об'єкт. thisприв’язаний до об’єкта.
Однак функція всередині об'єкта може отримати доступ до її змінної подібно до звичайної функції. Наприклад,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Вихідні дані
Звати Джон Доу
