В този урок ще научите за обектните методи на 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();
Изход
Името е Джон Доу
