AngularJS - Icke -påträngande JavaScript

Någon gång måste vi ha hört slutet på Icke påträngande javascript, det betyder att du inte skriver kod Direkt Javascript i HTML och att vår applikation kan fungera lika bra om vi inte hade Javascript aktiverat.
Detta har varit en förutsättning i många år eftersom webbläsare fram till nyligen inte hade samma beteende under samma koder i JavascriptDessutom ledde typen och utvecklingsstilen till att vi alltmer gör allt på serversidan.
Med mentalitetsförändringen och utseendet på nya programmeringsstilar utöver förbättringarna i Javascript -tolkning mellan olika webbläsare har saker förändrats.
För att veta orsaken till denna typ av applikationskodning måste vi se orsakerna som ledde till dessa slutsatser:
Orsak 1Alla webbläsare stöder inte JavascriptDärför måste applikationen fungera utan att behöva vara beroende av funktioner skrivna på detta språk.
Orsak 2Personer som använder webbläsare för synskadade har inget sätt att arbeta med vår applikation, och mobila webbläsare stöder inte detta språk.
Orsak 3Javascript fungerar på olika sätt i varje webbläsare Internet explorer den som gör denna skillnad mest.
Orsak 4Eventhanterare fungerar globalt, så vi kan ha konflikter när vi integrerar andra bibliotek som har samma namn.
Orsak 5Eventhanterare kombinerar struktur och beteende, vilket gör kodunderhåll svårare.
Om vi ​​är medvetna om de senaste webbtrenderna kan vi veta att minst punkterna 1 och 2 i det vi har förklarat inte längre gäller, faktiskt om vi inaktiverar Javascript i vår webbläsare kan vi förmodligen inte se 90% av dagens webbsidor; När det gäller mobiler och deras webbläsare som de arbetar med Javascript på samma sätt som dess stationära motsvarigheter och med prestanda som matchar.
Angående skäl 3 och 4 AngularJS Det erbjuder oss ett annat sätt att tillämpa koden så att vi inte behöver oroa oss, det första är att skillnaden i beteendet hos webbläsarna är transparent för programmeraren, det vill säga AngularJS tar hand om att översätta instruktionen på lämpligt sätt till Internet explorer i grund och botten.
Händelsehanterarna har då inte ett globalt omfång, men är begränsade till $ omfattning av vårt element AngularJSDärför kan vi definiera en funktion i en klickhändelse på följande sätt:

Om vi ​​tittar på klickhändelsen hanterar vi det med ng-klicka, vissa kanske tror att detta är mycket fel, men det är det inte, eftersom denna händelse ligger inom ramen för dess element, så när vi definierar funktionen med AngularJS det kan bete sig på olika sätt även om det har samma namn, låt oss se hur vi definierar Javascript:

Här visar vi hur $ omfattning o omfattning är den som definierar skillnaden mellan vad programmet ska göra när händelsehanteraren anropas.
Som vi ser AngularJS omdefinierar begreppet icke-påträngande Javascript, vilket ger oss större frihet när vi skriver våra applikationer och hjälper till att förbättra hur vi kan läsa och underhålla kod.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng