Na programação orientada a objetos, uma classe é um modelo de código de programa extensível para criar objetos. classes podem ser pensadas principalmente como um açúcar sintático sobre a herança baseada em protótipo existente do JavaScript. Neste artigo, vamos nos aprofundar na classe de JavaScript e aprender como usá-los na seguinte sequência:
O que é uma classe JavaScript?
Em JavaScript, uma classe é um tipo de função e é declarada com a palavra-chave class. Você precisa usar a sintaxe de expressão de função para inicializar uma função e a sintaxe de expressão de classe para inicializar uma classe.
// Inicializando uma função com uma expressão de função const a = function () {}// Inicializando uma classe com uma expressão de classe const b = class {}Em JavaScript, em vez de usar a função de palavra-chave para iniciá-lo, usamos a classe de palavra-chave. Além disso, as propriedades são atribuídas dentro de um método constructor ().
Como usar uma classe JavaScript?
O código declarado com função e a classe retorna uma função [[Prototype]]. Com protótipos, qualquer função pode se tornar uma instância de construtor usando a nova palavra-chave. Por exemplo:
const a = class {} // Inicializar um construtor de uma classe const constructorFromClass = new a () console.log (constructorFromClass)Resultado:
um {} construtor: classeAgora, existem três maneiras diferentes de usar classes em JavaScript. Vamos entrar nos detalhes de cada método com um exemplo.
Defina uma classe
Uma função construtora é inicializada com vários parâmetros, que são atribuídos como propriedades de 'isto' , referindo-se à própria função. A primeira letra do identificador é maiúscula por convenção.
// Inicializando uma função de construtor de função funcionário (nome, empid) {this.name = name this.empid = empid}Agora, se traduzirmos isso para a sintaxe da classe, você verá que as estruturas são muito semelhantes.
// Inicializando um funcionário da classe de definição de classe {construtor (nome, empid) {this.name = name this.empid = empid}}Podemos dizer que a palavra-chave class se comunica de uma maneira mais direta. A única diferença na sintaxe da inicialização é usar a palavra-chave class em vez de function. Além disso, ele atribui as propriedades dentro de um método constructor ().
Definir Métodos
Outra prática comum com funções de construtor é atribuir métodos diretamente para o protótipo em vez de na inicialização. Vamos dar um exemplo e ver como funciona:
function employee (name, empid) {this.name = name this.empid = empid} // Adicionando um método ao construtor employee.prototype.greet = function () {return `$ {this.name} diz olá.`}Quando você está escrevendo o mesmo código com classe, ele é simplificado e o método é adicionado diretamente.
classe funcionário {construtor (nome, empid) {this.name = nome this.empid = empid} // Adicionando um método ao construtor greet () {return `$ {this.name} diz olá.`}}Embora as classes permitam uma sintaxe mais simples e sucinta, às vezes você pode ter que se comprometer com a clareza do processo.
Estendendo uma aula
A vantagem das funções e classes do construtor é que elas podem ser estendidas em novos projetos de objetos baseados no pai. Isso ajuda na prevenção de repetição de código para objetos que são semelhantes, mas precisam de alguns recursos adicionais ou mais específicos.
Novas funções de construtor podem ser criadas a partir do pai usando o método call (). Por exemplo:
// Criando um novo construtor a partir das informações da função pai (nome, empid, salary) {// Construtor de cadeia com chamada employee.call (this, name, empid) this.salary = salary}Agora, quando escrevemos o mesmo código usando class, a palavra-chave super é usada no lugar de call para acessar as funções pai.
// Criando uma nova classe a partir da classe pai info extends employee {constructor (name, empid, salary) {// Chain constructor with super super (name, empid) // Adicione uma nova propriedade this.salary = salary}}As aulas fornecem uma maneira mais concisa de criar objeto projetos e funções de construtor descrevem o que está acontecendo nos bastidores de uma maneira mais específica.
Com isso, chegamos ao final do nosso artigo. Espero que você tenha entendido como usar a classe JavaScript.
Agora que você sabe sobre a classe JavaScript, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento da Web o ajudará a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implantá-lo no Amazon Simple Storage Service (S3).
tutorial do desenvolvedor do Salesforce para iniciantes pdf
Tem alguma questão para nós? Mencione isso na seção de comentários de “Aula JavaScript” e entraremos em contato com você.