W tym samouczku za pomocą przykładów nauczysz się metod obiektowych JavaScript i tego słowa kluczowego.
W JavaScript obiekty mogą również zawierać funkcje. Na przykład,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
W powyższym przykładzie personobiekt ma dwa klucze ( namei greet), które mają odpowiednio wartość ciągu i wartość funkcji.
Stąd w zasadzie metoda JavaScript jest właściwością obiektu, która ma wartość funkcji.
Dostęp do metod obiektów
Dostęp do metody obiektu można uzyskać za pomocą notacji kropkowej. Składnia jest następująca:
objectName.methodKey()
Możesz uzyskać dostęp do właściwości, wywołując objectName i klucz . Dostęp do metody można uzyskać, wywołując objectName i klucz dla tej metody wraz z (). Na przykład,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Tutaj greetmetoda jest dostępna jako person.greet()zamiast person.greet.
Jeśli spróbujesz uzyskać dostęp do metody tylko za pomocą person.greet, poda ci ona definicję funkcji.
person.greet; // ƒ () ( console.log('hello'); )
Metody wbudowane JavaScript
W JavaScript istnieje wiele wbudowanych metod. Na przykład,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
W tym przypadku parseInt()metoda obiektu Number służy do konwersji liczbowej wartości ciągu na wartość całkowitą.
Aby dowiedzieć się więcej o metodach wbudowanych, odwiedź stronę Metody wbudowane JavaScript.
Dodawanie metody do obiektu JavaScript
Możesz także dodać metodę do obiektu. Na przykład,
// 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
W powyższym przykładzie studenttworzony jest pusty obiekt. Następnie namewłaściwość jest dodawana. Podobnie, greetmetoda jest również dodana. W ten sposób możesz dodać metodę, a także właściwość do obiektu.
JavaScript to słowo kluczowe
Aby uzyskać dostęp do właściwości obiektu z metody tego samego obiektu, musisz użyć thissłowa kluczowego. Rozważmy przykład.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Wynik
Nazywam się John
W powyższym przykładzie persontworzony jest obiekt. Zawiera właściwości ( namei age) oraz metodę greet.
W metodzie greetpodczas uzyskiwania dostępu do właściwości obiektu thisużywane jest słowo kluczowe.
Aby uzyskać dostęp do właściwości obiektu, thispo kluczu. i używane jest słowo kluczowe .
Uwaga : W JavaScript thissłowo kluczowe użyte z metodą obiektu odnosi się do obiektu. thisjest powiązany z obiektem.
Jednak funkcja wewnątrz obiektu może uzyskać dostęp do jego zmiennej w podobny sposób, jak normalna funkcja. Na przykład,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Wynik
Nazywam się John Doe
