En este tutorial, aprenderá sobre los métodos de objetos de JavaScript y esta palabra clave con la ayuda de ejemplos.
En JavaScript, los objetos también pueden contener funciones. Por ejemplo,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
En el ejemplo anterior, un personobjeto tiene dos claves ( namey greet), que tienen un valor de cadena y un valor de función, respectivamente.
Por lo tanto, básicamente, el método JavaScript es una propiedad de objeto que tiene un valor de función.
Acceder a métodos de objeto
Puede acceder a un método de objeto utilizando una notación de puntos. La sintaxis es:
objectName.methodKey()
Puede acceder a la propiedad llamando a un objectName y una clave . Puede acceder a un método llamando a un objectName y una clave para ese método junto con (). Por ejemplo,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Aquí, greetse accede al método como en person.greet()lugar de person.greet.
Si intenta acceder al método solo con person.greet, le dará una definición de función.
person.greet; // ƒ () ( console.log('hello'); )
Métodos integrados de JavaScript
En JavaScript, hay muchos métodos integrados. Por ejemplo,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Aquí, el parseInt()método del objeto Number se utiliza para convertir un valor de cadena numérico en un valor entero.
Para obtener más información sobre los métodos integrados, visite Métodos integrados de JavaScript.
Agregar un método a un objeto JavaScript
También puede agregar un método en un objeto. Por ejemplo,
// 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
En el ejemplo anterior, studentse crea un objeto vacío . Luego, namese agrega la propiedad. Del mismo modo, greettambién se agrega el método. De esta manera, puede agregar un método y una propiedad a un objeto.
JavaScript esta palabra clave
Para acceder a una propiedad de un objeto desde dentro de un método del mismo objeto, debe utilizar la thispalabra clave. Consideremos un ejemplo.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Salida
El nombre es john
En el ejemplo anterior, personse crea un objeto. Contiene propiedades ( namey age) y un método greet.
En el método greet, al acceder a una propiedad de un objeto, thisse utiliza una palabra clave.
Para acceder a las propiedades de un objeto, thisse utiliza la palabra clave seguida de la tecla. y .
Nota : En JavaScript, la thispalabra clave cuando se usa con el método del objeto se refiere al objeto. thisestá vinculado a un objeto.
Sin embargo, la función dentro de un objeto puede acceder a su variable de manera similar a como lo haría una función normal. Por ejemplo,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Salida
El nombre es John Doe
