В этом руководстве вы узнаете о методах объектов 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.
Если вы попытаетесь получить доступ к методу с помощью only 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();
Вывод
Зовут Джон Доу
