AngularJS - JavaScript non intrusivo

Ad un certo punto dobbiamo aver sentito la fine di JavaScript non intrusivo, questo significa non scrivere codice JavaScript diretto in HTML e che la nostra applicazione può funzionare altrettanto bene se non avessimo il Javascript abilitato.
Questa è stata una premessa per molti anni perché fino a poco tempo i browser non avevano lo stesso comportamento con gli stessi codici in JavascriptInoltre il tipo e lo stile di sviluppo ci hanno portato a fare sempre di più tutto lato server.
Con il cambio di mentalità e la comparsa di nuovi stili di programmazione oltre ai miglioramenti nel Interpretazione Javascript tra i diversi browser le cose sono cambiate.
Per conoscere il motivo di questo stile di codifica dell'applicazione, dobbiamo vedere i motivi che hanno portato a queste conclusioni:
Motivo 1Non tutti i browser supportano JavascriptPertanto, l'applicazione deve funzionare senza dover dipendere da funzionalità scritte in questo linguaggio.
Motivo 2Le persone che utilizzano browser per ipovedenti non hanno modo di lavorare con la nostra applicazione e i browser mobili non supportano questa lingua.
Motivo 3Javascript funziona in modi diversi in ogni browser, essendo Internet Explorer quello che fa questa differenza di più.
Motivo 4I gestori di eventi funzionano a livello globale, quindi possiamo avere conflitti durante l'integrazione di altre librerie con gli stessi nomi.
Motivo 5I gestori di eventi combinano struttura e comportamento, rendendo più difficile la manutenzione del codice.
Se siamo a conoscenza delle ultime tendenze del web, possiamo sapere che almeno i punti 1 e 2 di quanto esposto non valgono più, infatti se disattiviamo il Javascript nel nostro browser probabilmente non possiamo vedere il 90% dei siti web di oggi; Per quanto riguarda i cellulari e i loro browser con cui funzionano Javascript allo stesso modo delle sue controparti desktop e con prestazioni da abbinare.
Per quanto riguarda i motivi 3 e 4 AngularJS Ci offre un modo diverso di applicare il codice in modo da non doverci preoccupare, la prima cosa è che la differenza nel comportamento dei browser è trasparente per il programmatore, cioè AngularJS si occupa di tradurre l'istruzione in modo appropriato per Internet Explorer fondamentalmente.
Quindi i gestori di eventi non hanno un ambito globale, ma sono limitati al $ ambito del nostro elemento AngularJSPertanto, possiamo definire una funzione in un evento Click nel modo seguente:

Se osserviamo l'evento click, lo gestiamo con ng-clic, alcuni potrebbero pensare che questo sia molto sbagliato, tuttavia non lo è, perché questo evento rientra nell'ambito del suo elemento, quindi quando definiamo la funzione con AngularJS può comportarsi in modi diversi anche se ha lo stesso nome, vediamo come definiamo il Javascript:

Qui dimostriamo come il $ ambito o scope è colui che definisce la differenza di ciò che l'applicazione dovrebbe fare quando viene chiamato il gestore di eventi.
Come vediamo AngularJS ridefinisce il concetto di Javascript non intrusivo, dandoci una maggiore libertà durante la scrittura delle nostre applicazioni e aiutandoci a migliorare il modo in cui possiamo leggere e mantenere il codice.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo