Come usare l'API riflette in JavaScript

La riflessione in JavaScript è considerata come la capacità di manipolare proprietà, variabili e metodi di oggetto in fase di esecuzione. L'API riflette è stata introdotta come nuovo oggetto globale in Es6, Abilitando a invocare metodi di oggetti, ottenere e impostare i valori delle proprietà dell'oggetto, costruire oggetti, estendere e manipolare le proprietà. Ti consente inoltre di creare quadri e programmi di gestione del codice dinamici.

Questo articolo discuterà del utilizzo Di Rifletti API In JavaScript con l'aiuto di esempi adatti. Quindi iniziamo!

Rifletti API in JavaScript

Riflettere è un nuovo oggetto globale che offre numerose funzioni di utilità sovrapposte al globale ES5 "Oggetto". Tutti i metodi API riflettono tutti i metodi sono i "Funzioni di introspezione,"Che ti consentono di esaminare e manipolare le caratteristiche di un oggetto in fase di esecuzione.

Qui, il punto da considerare è che le funzioni di introspezione sono già incorporate in JavaScript; Quindi, perché è richiesta una nuova API quando queste funzionalità potrebbero già far parte dell'oggetto JavaScript?

Dai un'occhiata ai punti di seguito donati per ottenere la risposta:

Tutte le API in un unico spazio dei nomi: Come abbiamo già detto in precedenza, le API di riflessione sugli oggetti esistono già in JavaScript; Tuttavia, non erano strutturati in un unico spazio dei nomi. Quindi, in ES6, tutte le API di riflessione sono organizzate all'interno del "Riflettere"Spazio dei nomi.

Codice semplicità: In JavaScript, quando un metodo di introspezione non riesce a completare un'operazione correlata agli oggetti specificati, lancia un'eccezione. Questo aggiunge ulteriore sovraccarico al programmatore per gestire l'eccezione. Considerando che, nel caso della API di riflessione, l'eccezione viene gestita come "Booleano"(Vero o falso) valore.

Affidabilità delle chiamate della funzione: Rispetto alle funzioni degli oggetti in ES5, l'API Reflect fornisce un modo più elegante e affidabile per chiamare o applicare una funzione.

Ora, esaminiamo in dettaglio l'uso dei metodi API di riflessione.

Come usare riflettere.Metodo costrutto () in javascript

IL "Riflettere.costruire()"Il metodo JavaScript viene utilizzato per invocare il costruttore API di riflesso mentre si specifica gli argomenti richiesti. Questo metodo si comporta in modo simile a "nuovo"Operatore. Puoi anche utilizzare il riflesso.Metodo costrutto () per il prototipo di impostazione di un oggetto.

Sintassi dell'utilizzo di riflesso.Metodo costrutto () in javascript

Riflettere.costrutto (target, argomamerlist [, newtarget])

Qui, "bersaglio"Rappresenta la funzione target che verrà invocata,"Elist di argomenti"Sono il parametro della funzione e"newtarget"È un parametro opzionale che viene utilizzato per specificare il prototipo di un costruttore.

Esempio: come usare riflettere.Metodo costrutto () in javascript

Ora utilizzeremo il riflesso.Metodo costrutto () per creare un oggetto "X" avendo "Vettore"Prototipo e i seguenti elenchi di argomenti:

const x = riflette.costrutto (array, [10,20,30,40,50]);
console.log (x);

L'esecuzione del codice di cui sopra restituirà un nuovo "X"Oggetto con l'elenco degli argomenti specificati e il suo prototipo:

Come usare riflettere.Metodo Applica () in JavaScript

IL "Riflettere.fare domanda a()"Il metodo viene utilizzato per chiamare una funzione con l'aiuto dell'argomento specificato.

Sintassi dell'utilizzo di riflesso.Metodo Applica () in JavaScript

Riflettere.Applica (target, thyarg, argomenti)

Qui, "bersaglio"Rappresenta la funzione target che verrà invocata,"thyarg"Si comporterà come"Questo"Parola chiave per la funzione e"argomenti"Rappresenta i parametri che la funzione invocata accetterà.

Esempio: come usare riflettere.Metodo Applica () in JavaScript

Prima di tutto, creeremo un "X"Array che comprende cinque elementi:

var x = [10,20,30,40,50];

Nel prossimo passaggio, useremo il "Riflettere.fare domanda a()Metodo "per applicare il"Matematica.max"Funzione all'array chiamato"X":

console.registro (riflette.Applica (matematica.max, indefinito, x));

IL "Matematica.max"La funzione restituirà il numero più grande che esiste in"X" vettore:

Come usare riflettere.Metodo DefineProperty () in JavaScript

Se si desidera aggiungere o aggiornare le proprietà di un oggetto, usa il Riflettere.DefineProperty () Metodo JavaScript. Funziona in modo simile a Oggetto.DefineProperty () metodo; Comunque, il Riflettere.DefineProperty () Il metodo restituisce un valore booleano piuttosto che l'oggetto modificato.

Sintassi dell'utilizzo di riflesso.Metodo DefineProperty () in JavaScript

Riflettere.DefineProperty (Target, PropertyKey, Attributi)

Qui, "bersaglio"Rappresenta la funzione target che verrà invocata,"PropertyKey"Indica la proprietà dell'oggetto che deve essere definita o modificata e"attributi"Imposta il valore per la proprietà di proprietà specificata.

Esempio: come usare riflettere.Metodo DefineProperty () in JavaScript

Nell'esempio seguente, definiremo "puntello"Come PropertyKey per il"obj1"Oggetto JavaScript che contiene"60"Come suo valore:

const obj1 = ;
(Riflettere.DefineProperty (Obj1, 'Prop', Value: 60)
console.registro (obj1.puntello);

Come puoi vedere, abbiamo definito con successo un valore per "puntello"PropertyKey di"obj1" usando il Riflettere.DefineProperty () metodo:

Come usare riflettere.get () metodo in javascript

In JavaScript, il Riflettere.get () metodo recupera la proprietà di un oggetto come funzione.

Sintassi dell'utilizzo di riflesso.get () metodo in javascript

Riflettere.get (Target, PropertyKey [, ricevitore])

Qui, "bersaglio"Rappresenta l'oggetto JavaScript la cui proprietà è accessibile,"PropertyKey"Indica il nome della proprietà che si desidera ottenere e"ricevitore"È un parametro opzionale che rappresenta il valore di"Questo"Utilizzato per chiamare il bersaglio.

Esempio: come usare riflettere.get () metodo in javascript

IL "Riflettere.Ottenere()"Il metodo viene utilizzato nel seguente esempio per ottenere il Primo Valore della proprietà del "X" vettore:

var x = [10,20,30,40,50];
console.registro (riflette.get (x, '1'));

L'output del codice fornito visualizzerà il valore della proprietà specificata:

Come usare riflettere.metodo getProtoTypeof () in JavaScript

IL "Riflettere.getProtoTypeof ()"Il metodo è invocato per recuperare il prototipo di un oggetto JavaScript.

Sintassi dell'utilizzo di riflesso.metodo getProtoTypeof () in JavaScript

Riflettere.getProtoTypeof (Target)

Qui, "bersaglio"Rappresenta gli oggetti il ​​cui prototipo verrà recuperato con l'aiuto di Riflettere.getProtoTypeof () metodo.

Esempio: come usare riflettere.metodo getProtoTypeof () in JavaScript

In primo luogo, creeremo un oggetto di "nullo"Prototipo:

const obj1 = oggetto.creare (null);

Dopodiché, useremo il "Riflettere.getProtoTypeof ()"Metodo per ottenere il prototipo di"obj1":

console.registro (riflette.getProtoTypeof (obj1));

L'output di seguito è indicato che "obj1" ha "nullo"Prototipo:

Come usare riflettere.Metodo set () in javascript

In JavaScript, il Riflettere.Metodo SET () viene utilizzato per l'impostazione del valore della proprietà di un oggetto.

Sintassi dell'utilizzo di riflesso.Metodo set () in javascript

Riflettere.Set (Target, PropertyKey, Value [, Ricevitore])

Qui, "bersaglio"Rappresenta l'oggetto JavaScript Valore della proprietà intera che stiamo per impostare,"PropertyKey"È una proprietà oggetto specificata,"valore"Indica il nuovo valore. Da ultimo, "ricevitore"È un parametro opzionale che ha il valore di"Questo"Utilizzato per chiamare il bersaglio.

Esempio: come usare riflettere.Metodo set () in javascript

Per dimostrare l'uso di riflesso.Il metodo SET (), prima di tutto, crea un oggetto vuoto chiamato "obj":

const obj = [];

Quindi, eseguire il codice di seguito per impostare i valori delle proprietà dell'oggetto specificato:

Riflettere.set (obj, 0, 'first');
Riflettere.set (obj, 1, 'secondo');
Riflettere.set (obj, 2, 'terzo');
console.log (obj);

Ora, dai un'occhiata al "obj"Valori della proprietà che abbiamo impostato usando il riflesso.Metodo set ():

Come usare riflettere.Metodo deleteProperty () in JavaScript

Puoi utilizzare il Riflettere.Metodo deleteProperty () per eliminare la proprietà specificata di un oggetto.

Sintassi dell'utilizzo di riflesso.Metodo deleteProperty () in JavaScript

Riflettere.DeleteProperty (Target, PropertyKey)

Qui, "bersaglio"Rappresenta l'oggetto JavaScript la cui proprietà verrà eliminata e"PropertyKey"Indica la sua proprietà.

Esempio: come usare riflettere.Metodo deleteProperty () in JavaScript

Questo esempio utilizzerà il riflesso.Metodo deleteProperty () per eliminare il Primo Valore della proprietà del creato "X"Oggetto:

var x = [10,20,30,40,50];
Riflettere.deleteProperty (x, '1');

Produzione

IL "Riflettere.deleteProperty ()Il metodo "tornerà"VERO"Se la proprietà dell'oggetto specificato viene eliminata correttamente; Altrimenti, il caso di ritorno verrà impostato su "falso"Quando la proprietà specificata non viene trovata.

Conclusione

L'uso dell'API Reflect in JavaScript consente di invocare i metodi degli oggetti, ottenere e impostare i valori delle proprietà degli oggetti, costruire oggetti, estendere e manipolare le sue proprietà in fase di esecuzione. Permette inoltre la creazione di quadri e programmi di gestione del codice dinamici. Questo articolo ha discusso dell'uso dell'API Reflect in JavaScript con l'aiuto di esempi adeguati.