Neste tutorial, você aprenderá sobre métodos de objeto JavaScript e esta palavra-chave com a ajuda de exemplos.
Em JavaScript, os objetos também podem conter funções. Por exemplo,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
No exemplo acima, um personobjeto possui duas chaves ( namee greet), que possuem um valor de string e um valor de função, respectivamente.
Portanto, basicamente, o método JavaScript é uma propriedade de objeto que tem um valor de função.
Acessando métodos de objeto
Você pode acessar um método de objeto usando uma notação de ponto. A sintaxe é:
objectName.methodKey()
Você pode acessar a propriedade chamando um objectName e uma chave . Você pode acessar um método chamando um objectName e uma chave para esse método junto com (). Por exemplo,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Aqui, o greetmétodo é acessado como em person.greet()vez de person.greet.
Se você tentar acessar o método apenas com person.greet, ele fornecerá uma definição de função.
person.greet; // ƒ () ( console.log('hello'); )
Métodos integrados de JavaScript
Em JavaScript, existem muitos métodos integrados. Por exemplo,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Aqui, o parseInt()método do objeto Number é usado para converter o valor da string numérica em um valor inteiro.
Para aprender mais sobre métodos integrados, visite Métodos integrados de JavaScript.
Adicionando um método a um objeto JavaScript
Você também pode adicionar um método em um objeto. Por exemplo,
// 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
No exemplo acima, um studentobjeto vazio é criado. Em seguida, a namepropriedade é adicionada. Da mesma forma, o greetmétodo também é adicionado. Dessa forma, você pode adicionar um método e também uma propriedade a um objeto.
JavaScript esta palavra-chave
Para acessar uma propriedade de um objeto de dentro de um método do mesmo objeto, você precisa usar a thispalavra - chave. Vamos considerar um exemplo.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Resultado
O nome é john
No exemplo acima, um personobjeto é criado. Ele contém propriedades ( namee age) e um método greet.
No método greet, ao acessar uma propriedade de um objeto, a thispalavra-chave é usada.
Para acessar as propriedades de um objeto, thisutiliza-se a palavra-chave seguida da tecla. e .
Nota : Em JavaScript, thispalavra-chave , quando usada com o método do objeto, refere-se ao objeto. thisestá ligado a um objeto.
No entanto, a função dentro de um objeto pode acessar sua variável de maneira semelhante a uma função normal. Por exemplo,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Resultado
O nome é john doe
