Suggerimento rapido come estendere gli oggetti incorporati in JavaScript

Le funzioni di costruzione, come Array, offrono una vasta gamma di metodi e proprietà che è possibile utilizzare. Ma hai mai desiderato che uno di questi oggetti offrisse un metodo che non è incorporato? C'è un modo per farlo da solo? Assolutamente! Vediamo come.

Inversione di una stringa

Questo piccolo frammento sfrutta il metodo "reverse" dell'oggetto Array e applica la sua funzionalità a una determinata stringa. In effetti, qualcosa come "ciao" sarà trasformato in "olleh" e si può accedere usando "myString.reverse ()".

 String.prototype.reverse = function () return Array.prototype.reverse.apply (this.split (")). Join ("); ; var myString = 'hello'; console.log (myString.reverse ());

Domanda bonus

Ora che abbiamo una conoscenza di base degli oggetti che aumentano, puoi trovare un modo per scrivere un metodo "contiene" personalizzato per l'oggetto String? Ad esempio, la libreria jQuery ci consente di scrivere cose come:

 $ ("div: contiene ('John')"). css ('fontWeight', 'bold');

Il frammento sopra cercherà tutti i div sulla pagina e quindi filtrerà quello spostato verso il basso solo per quelli che contengono la stringa "John". Come potremmo estendere l'oggetto String, con JavaScript raw, per consentire questo? Lascia la tua soluzione nei commenti, e discuteremo!

  • Seguici su Twitter o iscriviti al feed Nettuts + RSS per i migliori tutorial di sviluppo web sul web.