1

Série - Dicas rápidas Javascript #01 - Estendendo classes em Javascript

#JavaScript
Uira Lima
Uira Lima

Olá pessoal, neste artigo gostaria de compartilhar com vocês como fazemos para estender classes utilizando Javascript. No exemplo que mostrarei irei estender a classe string para adicionar o método putOnTag que colocará uma string dentro de uma tag HTML.

Exemplo: “Bom Dia”.putOnTag(‘h1’) retornará <h1>Bom Dia</h1>


Então vamos ao código,


Para criar a extensão de uma classe em Javascript devemos inserir a extensão no protótipo da classe nesse caso faríamos da seguinte forma:


String.prototype.putOnTag = function(tag) {
    return `<${tag}>${this}</${tag}>`;
}


Feito isso todas as strings no contexto da aplicação passarão a ter método putOnTag e podemos utilizar como nos exemplos abaixo:

console.log("Bom Dia".putOnTag("h2"));

Ou

let titulo = "Titulo da minha página";
titulo = titulo.putOnTag("h1");
console.log(titulo);


Bom pessoal segue abaixo o código completo do exemplo:


String.prototype.putOnTag = function(tag) {
    return `<${tag}>${this}</${tag}>`;
}

console.log("Bom Dia".putOnTag("h2"));
let titulo = "Titulo da minha página";
titulo = titulo.putOnTag("h1");
console.log(titulo);


Espero que tenham gostado e até a próxima !

0
49

Comentários (0)

Vamos construir um mundo melhor e mais justo para todos !

Brasil