Métodos de objetos de JavaScript

Ejemplo

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Pruebe usted mismo

Métodos JavaScript

Los métodos JavaScript son acciones que se pueden realizar en un objeto.

JavaScript Métodoes el que contieneDefinición de funcióndel atributo.

Atributo el valor
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Un método es una función almacenada como atributo de un objeto.

this palabra clave

En JavaScript, se llama this lo que hace referencia al objeto que contiene este código JavaScript.

this el valor, al usarlo en una función, es el objeto que "posee" esa función.

Tenga en cuenta this No es una variable. Es una palabra clave. No puede cambiar this el valor.

Acceder a los métodos de un objeto

Para crear un método de objeto, utilice la siguiente sintaxis:

methodName : function() { Línea de código }

Para acceder a los métodos de un objeto, utilice la siguiente sintaxis:

objectName.methodName()

Usted generalmente describiría fullName() como un método del objeto person, y fullName como un atributo.

El atributo fullName, al ser llamado con (), se ejecuta como una función.

Este ejemplo accede al método fullName() del objeto person Método:

Ejemplo

name = person.fullName();

Pruebe usted mismo

Si accede a fullName AtributoSi no se usa () al definir una función, se retornaráDefinición de función:

Ejemplo

name = person.fullName;

Pruebe usted mismo

Usar métodos integrados

Este ejemplo utiliza el objeto toUpperCase() Método, convierte el texto en mayúsculas:

var message = "Hola mundo!";
var x = message.toUpperCase();

El valor de x, después de la ejecución del código anterior, será:

HELLO WORLD!

Agregar nuevos métodos

Agregar métodos a un objeto se realiza dentro de la función constructora:

Ejemplo

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

El valor de name de la función changeName se asigna al atributo lastName de person.

Ahora puede intentar:

myMother.changeName("Jobs");

Pruebe usted mismo

Al usar 'myMother' en lugar de 'this', JavaScript entiende a quién se refiere.