{"id":854,"date":"2024-05-06T19:07:50","date_gmt":"2024-05-06T22:07:50","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=854"},"modified":"2025-11-13T21:19:12","modified_gmt":"2025-11-14T00:19:12","slug":"classes-no-javascript","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/classes-no-javascript\/","title":{"rendered":"Classes no Javascript"},"content":{"rendered":"Tempo de leitura: <\/span> 4<\/span> minutos<\/span><\/span>\n

Classes no Javascript<\/strong>: As Classes<\/strong>, introduzidas no ECMAScript 6 (ES6), oferecem uma sintaxe clara e familiar para definir templates<\/em> (moldes) para a cria\u00e7\u00e3o de objetos. Embora sejam sintaticamente semelhantes \u00e0s classes de linguagens como Java ou C++, em JavaScript, elas s\u00e3o fundamentalmente um syntactic sugar<\/em> (a\u00e7\u00facar sint\u00e1tico) sobre o mecanismo de heran\u00e7a baseada em prot\u00f3tipos<\/strong>.<\/p>\n\n\n\n

Classes promovem a Orienta\u00e7\u00e3o a Objetos (OO)<\/strong>, facilitando a organiza\u00e7\u00e3o, o reuso e a manuten\u00e7\u00e3o do c\u00f3digo.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. Defini\u00e7\u00e3o B\u00e1sica e Inicializa\u00e7\u00e3o<\/h2>\n\n\n\n

Uma classe \u00e9 definida pela palavra-chave class<\/code> seguida pelo nome (por conven\u00e7\u00e3o, sempre em PascalCase<\/code>).<\/p>\n\n\n\n

<\/div>\n\n\n\n

A. O M\u00e9todo constructor<\/code><\/h3>\n\n\n\n

O constructor<\/code> \u00e9 um m\u00e9todo especial que \u00e9 executado automaticamente<\/strong> quando um novo objeto \u00e9 criado usando a palavra-chave new<\/code>. Sua fun\u00e7\u00e3o \u00e9 inicializar as propriedades<\/strong> da inst\u00e2ncia.<\/p>\n\n\n\n

JavaScript<\/p>\n\n\n\n

class Livro {\n  \/\/ Chamado: new Livro(\"A Noite\", 350)\n  constructor(titulo, paginas) {\n    this.titulo = titulo;\n    this.paginas = paginas;\n    this.lido = false; \/\/ Propriedade com valor padr\u00e3o\n  }\n\n  \/\/ M\u00e9todo: Define o comportamento da inst\u00e2ncia\n  ler() {\n    this.lido = true;\n    console.log(`${this.titulo} foi lido!`);\n  }\n}\n\n\/\/ Cria\u00e7\u00e3o de uma inst\u00e2ncia (Objeto)\nconst livroNovo = new Livro(\"A Montanha\", 400); \nlivroNovo.ler();\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
2. Heran\u00e7a: extends<\/code> e super()<\/code><\/h2>\n\n\n\n
A Heran\u00e7a<\/strong> permite que uma nova classe (classe filha, ou subclasse) herde propriedades e m\u00e9todos de uma classe existente (classe pai, ou superclasse), evitando a duplica\u00e7\u00e3o de c\u00f3digo.<\/p>\n\n\n\n
<\/div>\n\n\n\n
A. A Palavra-Chave extends<\/code><\/h3>\n\n\n\n
Define que uma classe herdar\u00e1 as caracter\u00edsticas de outra.<\/p>\n\n\n\n
<\/div>\n\n\n\n
B. A Palavra-Chave super()<\/code><\/h3>\n\n\n\n
Em uma classe filha que usa um constructor<\/code>, voc\u00ea deve<\/strong> chamar super()<\/code> antes de acessar this<\/code>.<\/p>\n\n\n\n