JavaScript módszerek

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

Példa

const person = {
    firstName: "John",
  lastName: "Doe",
  id: 5566,
  fullName: function() {
    return this.firstName + " " + 
this.lastName;
  }
};

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>The JavaScript <i>this</i> Keyword</h1>
<p>In this example, <b>this</b> refers to the <b>person</b> object.</p>
<p>Because <b>fullName</b> is a method of the person object.</p>

<p id="demo"></p>

<script>
// Create an object:
const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

// Display data from the object:
document.getElementById("demo").innerHTML = person.fullName();
</script>

</body>
</html>

Mi ez?

A JavaScriptben a ez a kulcsszó egy objektumra utal.

Melyik objektum attól függ, hogy ezt hogyan hívják meg (használják vagy hívják).

A ez a kulcsszó a használat módjától függően különböző objektumokra utal:

  • Egy objektummetódusban a ez az objektumra utal.

  • Önmagában ez a globális objektumra utal.

  • Egy függvényben a ez a globális objektumra utal.

  • Egy függvényben szigorú módban ez definiálatlan.

  • Egy eseményben a ez arra az elemre utal, amely az eseményt fogadta.

  • Olyan módszerek, mint a call(), apply() és a bind() utalhat erre a bármely objektumra.

jegyzet

ez nem változó. Ez egy kulcsszó. A ez értéke nem módosítható

Lásd még:

A JavaScript ezt bemutatója

JavaScript módszerek

A JavaScript metódusok olyan műveletek, amelyeket objektumokon lehet végrehajtani.

A JavaScript metódusa egy függvényt tartalmazó tulajdonság meghatározásra.

firstName

János

lastName

Dámvadtehén

age

50

eyeColor

kék

fullName

function() {return this.firstName + " " + this.lastName;}

A metódusok objektumtulajdonságokként tárolt függvények.

Az objektummódszerek elérése

Egy objektummetódushoz a következő szintaxissal érhet el:

objectName.methodName()

A fullName()-t általában a személy objektum metódusaként írja le, és fullName tulajdonságként.

A fullName tulajdonság (függvényként) lefut, amikor a() segítségével hívják meg.

Ez a példa egy személy objektum fullName() metódusát éri el:

Példa

name = person.fullName();

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Objects</h2>
<p>Creating and using an object method.</p>
<p>A method is actually a function definition stored as a property value.</p>

<p id="demo"></p>

<script>
const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>

Ha hozzáfér a fullName tulajdonhoz a() nélkül, akkor azt visszaadja a függvénydefiníciót:

Példa

name = person.fullName;

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Objects</h2>
<p>An object method is a function definition stored as a property value.</p>
<p>If you access it without (), it will return the function definition:</p>

<p id="demo"></p>

<script>
const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

document.getElementById("demo").innerHTML = person.fullName;
</script>
</body>
</html>

Metódus hozzáadása objektumhoz

Új metódus hozzáadása egy objektumhoz egyszerű:

Példa

 person.name = function () {
  return this.firstName + " " + this.lastName;
};

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Objects</h2>
<p id="demo"></p>

<script>
const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
};
person.name = function() {
  return this.firstName + " " + this.lastName;
};

document.getElementById("demo").innerHTML =
"My father is " + person.name(); 
</script>

</body>
</html>

Beépített módszerek használata

Ez a példa a String objektum toUpperCase() metódusát használja egy szöveg konvertálásához nagybetűre:

let message = "Hello world!";
let x = message.toUpperCase();

Az x értéke a fenti kód végrehajtása után a következő lesz:

HELLO WORLD!

Példa

person.name = function () {
  return (this.firstName + " " + this.lastName).toUpperCase();
};

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Objects</h2>
<p id="demo"></p>

<script>
const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
};
person.name = function() {
  return (this.firstName + " " + this.lastName).toUpperCase();
};

document.getElementById("demo").innerHTML =
"My father is " + person.name(); 
</script>

</body>
</html>