Nova classe Javascript
__del__ |
exp |
iat |
JavaScript |
mean |
open |
sin
Michael Zippo
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
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