V tomto tutoriálu se pomocí příkladů dozvíte o metodách objektu JavaScript a tomto klíčovém slově.
V JavaScriptu mohou objekty také obsahovat funkce. Například,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Ve výše uvedeném příkladu má personobjekt dva klíče ( namea greet), které mají hodnotu řetězce a hodnotu funkce.
Metoda JavaScript je tedy v podstatě vlastnost objektu, která má hodnotu funkce.
Přístup k metodám objektu
K metodě objektu můžete přistupovat pomocí tečkové notace. Syntaxe je:
objectName.methodKey()
K vlastnosti můžete přistupovat voláním objectName a klíče . Můžete přistupovat k metodě voláním objectName a klíče pro tuto metodu spolu s (). Například,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Zde je greetmetoda přístupná jako person.greet()místo person.greet.
Pokud se pokusíte o přístup k metodě pouze person.greet, zobrazí se definice funkce.
person.greet; // ƒ () ( console.log('hello'); )
Integrované metody JavaScriptu
V JavaScriptu existuje mnoho předdefinovaných metod. Například,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Zde se parseInt()metoda Number objektu používá k převodu hodnoty číselného řetězce na celočíselnou hodnotu.
Chcete-li se dozvědět více o předdefinovaných metodách, navštivte JavaScript Vestavěné metody.
Přidání metody k objektu JavaScript
Můžete také přidat metodu do objektu. Například,
// 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
Ve výše uvedeném příkladu studentje vytvořen prázdný objekt. Potom je namevlastnost přidána. Podobně greetje také přidána metoda. Tímto způsobem můžete do objektu přidat metodu i vlastnost.
JavaScript toto klíčové slovo
Chcete-li získat přístup k vlastnosti objektu v rámci metody stejného objektu, musíte použít thisklíčové slovo. Zvažme příklad.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Výstup
Jmenuje se John
Ve výše uvedeném příkladu personje vytvořen objekt. Obsahuje vlastnosti ( namea age) a metodu greet.
V metodě greetse při přístupu k vlastnosti objektu thispoužívá klíčové slovo.
Pro přístup k vlastnostem objektu thisse používá klíčové slovo následující za .a klíč .
Poznámka : V JavaScriptu thisklíčové slovo při použití s metodou objektu odkazuje na objekt. thisje vázán na objekt.
Funkce uvnitř objektu však může přistupovat k jeho proměnné podobným způsobem jako normální funkce. Například,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Výstup
Jmenuje se John Doe
