Nova classe Javascript

| | | | | |

JavaScript é baseado em protótipos. Cada vez que você declara um objeto, uma propriedade de protótipo é criada, que estende as propriedades e métodos associados a esse objeto.

Nos últimos anos, muitos desenvolvedores de JavaScript têm procurado maneiras de orientar objetos a serem incorporados. objetos de design em seu código. Isso deu origem a um novo tipo de objeto em JavaScript chamado classe que estende um protótipo.

Neste guia, discutiremos o que são classes, por que são usadas e como você pode implementar um classe em seu código. Daremos um exemplo para você começar com as classes.

O que é uma classe JavaScript?

As classes são uma maneira de declarar um modelo para um objeto.

Se você estiver familiarizado com linguagens de programação orientadas a objetos, saberá que elas são altamente dependentes de classes e objetos. Uma classe é como um modelo para um tipo de dado: ela diz quais dados podem ser armazenados e quais métodos podem ser acessados. Um objeto é uma instância desta classe.

Um exemplo de uma classe seria Book. Essa classe conteria o plano de quais informações poderiam ser armazenadas nos livros e como esses dados poderiam ser alterados. Um objeto pode ser um bonde chamado desejo, que é um livro individual.

Em JavaScript, classes são o que chamamos de açúcar sintático. É bom ter a sintaxe das classes, mas elas não necessariamente adicionam novas funcionalidades.

As classes são comumente usadas em estruturas JavaScript modernas, como React e Next.js.

aulas sobre Funções

Se você se lembra de uma coisa deste artigo, seja esta: classes são funções bastante normais

a única diferença entre uma classe e uma expressão de função é a maneira como elas são declaradas, as funções usam a palavra-chave e as classes usam a classe . tecnicamente palavra-chave, você pode declarar uma classe mesmo sem usar a palavra-chave class

podemos dizer que elas são iguais criando duas funções e imprimindo seus protótipos.

p>

Nossa expressão de classe e função retorna:

função ()

função ()

as duas nossas funções e classes usam a mesma leitura de arco com base em um protótipo.

Como você define uma classe? o que é uma ótima pergunta.

Você pode definir uma classe usando a palavra-chave . Depois de definir uma classe, você pode usar a função construtor () para inicializá-la com valores padrão.

Abra um console JavaScript e cole este código:.

p>

Isso cria uma classe chamada Book. Nossa classe pode armazenar dois valores, Title e Author, que definimos em nosso método de construção de classe. Para criar um objeto desta classe, poderíamos usar este código:

Podemos recuperar os valores ‚Äã‚Äão de nossa classe como faríamos com qualquer objeto:

Nosso código retorna:. Uma das vantagens de usar classes em protótipos é que você pode declarar um método dentro de uma classe. Isso significa que você não precisa usar a sintaxe prototype para adicionar um novo método a uma função existente

Vamos usar este exemplo:.

Declaramos um método chamado GetDetails() que existe dentro de nossa classe. É legal, porque mantém todo o nosso código agrupado. Chamamos nossa função GetDetails():

Nosso código retorna:

um desejo chamado bonde é um livro escrito por Tennessee Williams

Lesson Inherit

Como em qualquer estrutura orientada a objetos, as classes podem herdar propriedades de outras classes.

Herança refere-se a um processo no qual uma classe filha pode acessar os métodos e dados de uma classe pai. Para herdar de uma classe, você pode usar a palavra-chave Extend. Crie um arquivo JavaScript ou abra seu console JavaScript e cole este código:

Criamos uma classe chamada fiction que usa a classe do livro que declaramos anteriormente como um projeto. Em nosso código, usamos a palavra-chave super() para herdar o título e os valores ‚Äã‚Äãdo autor da classe pai, que é Book. Assim, definimos um novo atributo, fiction, cujo valor é definido como true por padrão

Vamos criar um objeto da nossa nova classe fiction.

Nosso código retorna: true. A classe fiction armazena um elemento chamado fiction que é true por padrão. Se tentarmos acessar esse valor de uma instância da classe Book, nada será retornado. De fato, "ficção" é acessível em nossa classe de ficção.

Getter e Setter

Ao trabalhar com classes, você deve usar as funções getter e setter.

As funções Get permitem que você recupere métodos de uma classe. As funções setter permitem que você altere o valor de um elemento específico em uma classe. Essas funções são indicadas usando as palavras-chave get e together respectivamente

Considere o seguinte código:.

Neste exemplo, declaramos dois métodos chamados author. Um desses métodos nos permite recuperar o valor de author; este é o nosso método get. O outro método nos permite alterar o valor de autor

Podemos vê-lo em ação usando o seguinte código:.

Nosso código retorna: Tennessee Williams

Nós inicializou um objeto chamado tra m e deu o título Um Bonde Chamado Desejo. Temos então o valor author Tennessee Williams usando o compositor que definimos em nosso código. Por fim, imprimimos o valor author no console usando o play.

Conclusão

Embora as classes não correspondam à nova funcionalidade JavaScript, elas facilitam a compreensão das funções de escrita se você estiver acostumado com programação orientada a objetos.

Classes abstratas de design baseadas em um protótipo JavaScript e fazê-lo parecer mais orientado a objetos. A palavra "olhar" é crucial porque, lembre-se, classes são funções. Classes nada mais são do que açúcar sintático.

Agora você está pronto para começar a usar classes como um especialista em JavaScript!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method