Què és una classe JavaScript i com utilitzar-la?

En la programació orientada a objectes, una classe és un programa-codi-plantilla extensible per crear objectes. les classes es poden considerar principalment com un sucre sintàctic sobre l'herència basada en prototips de JavaScript. En aquest article, aprofundirem en la classe de JavaScript i aprendrem a utilitzar-los en la següent seqüència:

• Què és una classe JavaScript?
• Com s'utilitza la classe JavaScript?
  • Definiu una classe
  • Definiu mètodes
  • Ampliant una classe

Què és una classe JavaScript?

A JavaScript, una classe és un tipus de funció i es declara amb la paraula clau de classe. Heu d’utilitzar la sintaxi d’expressió de funcions per inicialitzar una funció i la sintaxi d’expressió de classe per inicialitzar una classe.

// Inicialització d'una funció amb una expressió de funció const a = function () {}

// Inicialitzar una classe amb una expressió de classe const b = class {}

A JavaScript, en lloc d’utilitzar la funció de paraula clau per iniciar-la, fem servir la classe de paraules clau. A més, les propietats s’assignen dins d’un mètode constructor ().

Com s'utilitza una classe JavaScript?

El codi declarat amb funció i les dues classes retornen una funció [[Prototype]]. Amb els prototips, qualsevol funció es pot convertir en una instància constructora mitjançant la nova paraula clau. Per exemple:

const a = class {} // Inicialitza un constructor a partir d'una classe const constructorFromClass = new a () console.log (constructorFromClass)

Sortida:

tutorial per a desenvolupadors de salesforce per a principiants pdf

a {} constructor: class

Ara hi ha tres maneres diferents d’utilitzar la classe en JavaScript. Vegem els detalls de cada mètode amb un exemple.

Definiu una classe

Una funció constructora s'inicialitza amb diversos paràmetres, que s'assignen com a propietats de 'Això' , referint-se a la pròpia funció. La primera lletra de l’identificador es posa en majúscules per convenció.

// Inicialització d'una funció constructora empleat (nom, empid) {this.name = nom this.empid = empid}

Ara, si ho traduïm a la sintaxi de la classe, veureu que les estructures són molt similars.

// Inicialització d'un empleat de classe de definició de classe {constructor (nom, empid) {this.name = nom this.empid = empid}}

Podem dir que la paraula clau de classe es comunica d’una manera més directa. L'única diferència en la sintaxi de la inicialització és utilitzar la paraula clau de classe en lloc de la funció. A més, assigna les propietats dins d’un mètode constructor ().

Definiu mètodes

Una altra pràctica habitual amb les funcions del constructor és assignar mètodes directament al prototip en lloc de la inicialització. Agafarem un exemple i veurem com funciona:

funció empleat (nom, empid) {this.name = nom this.empid = empid} // Afegir un mètode al constructor employee.prototype.greet = function () {return `$ {this.name} diu hola.`}

Quan escriviu el mateix codi amb la classe, es simplifica i s’afegeix el mètode directament.

quina diferència hi ha entre c ++ i Java

empleat de la classe {constructor (nom, empid) {this.name = nom this.empid = empid} // Afegir un mètode al constructor greet () {return `$ {this.name} diu hola.`}}

Tot i que les classes permeten una sintaxi més senzilla i succinta, de vegades és possible que hagueu de comprometre’s amb la claredat del procés.

Ampliant una classe

L'avantatge de les funcions i classes del constructor és que es poden ampliar a nous plànols d'objectes basats en el pare. Això ajuda a prevenir la repetició de codi per a objectes similars però que necessiten algunes funcions addicionals o més específiques.

Es poden crear noves funcions de constructor des del pare mitjançant el mètode call (). Per exemple:

// Creació d’un constructor nou a partir de la informació de la funció pare (nom, empid, salari) {// Constructor de cadena amb trucada empleat.call (aquest, nom, empid) this.salary = salari}

Ara, quan escrivim el mateix codi mitjançant la classe, la paraula clau super s’utilitza en lloc de la trucada per accedir a les funcions pares.

// La creació d’una nova classe a partir de la informació de la classe pare amplia el treballador {constructor (nom, empid, salari) {// Constructor de cadena amb super super (nom, empid) // Afegiu una propietat nova this.salary = salari}}

Les classes us ofereixen una manera més concisa de crear objecte els plànols i les funcions del constructor descriuen el que està passant sota el capó d’una manera més específica.

Amb això, hem arribat al final del nostre article. Espero que hagueu entès com s'utilitza la classe JavaScript.

Ara que ja coneixeu la classe JavaScript, consulteu el per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'Classe JavaScript' i us respondrem.