„AngularJS“ taikymo srities supratimas

Kai dirbame su KampinisJS ir mes pradedame skaityti dokumentus, pirmas dalykas, kurį matome, yra žodis Taikymo sritisTai būtų galima išversti į ispanų kalbą kaip taikymo sritį, tačiau naudojimas šioje sistemoje yra daug platesnis.

Štai kodėl turime suprasti, kad tai tikrai Taikymo sritis ir kaip jis elgiasi mūsų programose, tokiu būdu galime padaryti šuolį tarp bandymo naudoti KampinisJS ir naudokite jį pagrįstai, įsitikinę, o ne tik kartodami kodą.

Įdomiausia tai, kad kaip KampinisJS yra visiškai įmontuotas „JavaScript“, mes galime suvokti kalbos sąvokas ir jas taikyti studijuodami ir suprasdami pagrindines priemones, taip suteikdami mums papildomo įgūdžių lygio, kad galėtume plėtoti logiką, kurią mes galvojame apie savo programas

Reikalavimai

1- Norėdami įvykdyti šią pamoką, mums reikia tokio žiniatinklio serverio Wamparba jei esame tokioje aplinkoje kaip Linux konfigūracija Lempa Mums to pakaks, idėja yra sugebėti aptarnauti savo failus, kuriuose yra KampinisJS ir ne tik atidaryti dokumentą HTML.

2- Mes taip pat turime turėti turtingą teksto redaktorių, kuris leidžia mums parašyti reikiamą pavyzdžių kodą, tai gali būti Aukščiausias tekstas arba Užrašinė ++.

3- Galiausiai turime turėti prieigą prie interneto, kad galėtume naudoti „AngularJS“ įtraukimą per jos CDN, arba atsisiųsdami failą, kuriame yra sistema, kad jis būtų teikiamas vietoje.

Kas yra taikymo sritis?

Tai ne kas kita, kaip paprastas objektas „JavaScript“ kuris gali ne tik išsaugoti ypatybes, bet ir išsaugoti pagrindinę reikšmių struktūrą. Tai mums labai padeda, nes jei matome tai tokiu požiūriu, galime pritaikyti pagrindines programavimo kalbos sąvokas

Kaip tai veikia?KampinisJS yra atsakingas už šio objekto automatinį sukūrimą ir įtraukimą į mūsų programos vykdymą, todėl jo pavadinimas yra apimtis, nes tai leidžia mums manipuliuoti ir pasiekti modelių vertes, taip pat yra sąsaja, skirta bendrauti su vaizdu. Ši struktūra leidžia mums naudoti Taikymo sritis mūsų valdiklių viduje ir pridėkite savybių, kurias galime vadinti tiesiogiai rodinyje, ir taip įvykdome ciklą, kuriame viskas yra sujungta ir susijusi mūsų programoje.

Kitame paveikslėlyje matome, kokia yra skalė arba kokiu būdu KampinisJS kuria skirtingai Apimtys, nors viskas kyla iš Taikymo sritis elemento, kuriame jie yra, išskyrus Šaknies sritis kuri yra pirmoji sukurta. Žinoma, jei pagrindiniame diapazone yra du to paties lygio elementai, jie abu paveldės iš jo.

DIDELIS

Kaip veikia prototipas?

Skirtingai nuo tokių kalbų „Java“, C ++ ir kiti, „JavaScript“ paveldėjimo sąvoką traktuoja skirtingai, todėl turime išmokti, kuo tai naudinga prototipas tai yra ne kas kita, kaip klasių konstruktoriuose esantis metodas, leidžiantis prie mūsų kodo pridėti naujų savybių.

Nepaisant to, kad tai yra kažkas būdingo „JavaScript“ leidžia mums šiek tiek daugiau suprasti, kaip galime pasiekti tam tikrų rezultatų, be to, padeda mums suprasti, kaip Taikymo sritis viduje KampinisJS.

Šiame pavyzdyje pamatysime, kaip sukuriame klasę su tam tikromis savybėmis ar atributais prototipas Mes galime pridėti papildomą nuosavybę prie mūsų klasės ir tokiu būdu sukurdami egzempliorių galime ją pasiekti.

Įdomu tai, kad yra metodas, padedantis mums patikrinti, ar koks nors atributas yra būdingas klasei, jei šis metodas grąžina klaidingą vertę, mes žinosime, kad tai yra atributas, atsiradęs dėl paveldėjimo prototipas. Pažiūrėkime kodą, kuris atspindi visa tai:

 Dokumentas 

Dabar pažiūrėkime, kaip tai padaryti konsolėje „JavaScript“ gauname norimus rezultatus:

Tada mes pastebime, kaip metodas hasOWnProperty Tai padeda mums nustatyti pirminius klasės požymius ar savybes. Taigi mes galime suprasti, ar sukūrėme veiksmingą paveldėjimą, ar ne, nes galime suprasti, kaip plečiame klasės atributų galimybes.

SvarbuŠio tipo paveldėjimas per prototipas yra tai, kas taikoma KampinisJS kuriant skirtingus Apimtys dokumento programoje, kur jis juda per medį SAULĖ kur pirmiausia nustatoma, ar nuosavybė egzistuoja ng-programa, tuo momentu tikėk $ rootScope, tada radus valdiklį sukuriamas kintamasis $ apimtis kuris atsiranda taikant metodą $ rootScope.new ().
Ir taip jis didėja, kai vienas kitame randa vidinius elementus, paveldėdamas iš ankstesnės struktūros, atsižvelgdamas į jo funkcijas, gautas iš $ rootScope ir savo funkcijas.

Šiame pavyzdyje mes sukūrėme programą, kurioje turime du valdiklius, tokiu būdu matome, kaip paveldimas taikymo sritį tos pačios savybės ar atributai yra paveldimi, kol gaunama įdėta struktūra, kuri gali pasiekti tėvų savybes ir išplėsti pačios programos funkcijas. Pažiūrėkime kodą:

 „{{editors}}“ turi knygų iš: {{category}}
Populiariausios {{editors}} knygos:

 {{knyga}}

Čia pavyzdys parodo mums tai, ką paaiškinome aukščiau, kai tai yra Antrasis valdiklis Mes vadiname redaktoriaus ypatybę ir ją spausdindami matome, kad ji turi priskiriamą pirminio elemento vertę Pirmasis kontrolierius. Galiausiai pridedame atributą ar nuosavybės knygas, kurių nebuvo Taikymo sritis šaknis ir mes galėjome pakartoti per $ apimtis atitinkamo valdytojo. Kitas įdomus aspektas yra tai, kad Taikymo sritis root, nors jie egzistuoja, mes jų nesikvietėme, nes galime juos pasiekti, taigi, kai pamatysime pavyzdį, nematysime jų naršyklės ekrane

Tai gali būti vertinama kaip šiek tiek tolima, tačiau tai yra geriausias būdas suprasti, kaip kintamasis $ apimtis veikia mūsų programose, todėl galime tai pritaikyti pagal savo logiką, kad išnaudotume visas pagrindų įrankių galimybes. Toliau pateiktame paveikslėlyje pažiūrėkime, kaip atrodo mūsų ankstesnė programa ir kaip buvo įvykdyti paaiškinti punktai:

Tada pastebime, kaip knygų sąrašas priklauso objektui Taikymo sritis labiau vidinis, tačiau kadangi neapibrėžiame redakcinio atributo, galime naudoti tą, kurį nustatome pagrindiniame valdiklyje, ir padarome išvadą, kad tikėjomės naudoti prototipas pagal AngulaJS.

Stebėtojas kaip pažangi koncepcija

Kartais mes norime tęsti ir tam tikru būdu stebėti tam tikrą situaciją, būtent čia ir atsiranda objektas. $ laikrodis, o tai leidžia daryti tiksliai tai, ką paaiškiname.

Kaip tai veikia?Pridėjus jį kaip klausytojas kai kurių elementų mūsų programoje, šis objektas bus registruojamas kiekvieną kartą, kai jis pasikeis. Tokiu būdu galime taikyti sąlygas kiekvieną kartą, kai įvyksta mūsų nustatytas įvykis. Pavyzdys galėtų būti, kai mes kuriame pirkinių krepšelį, jei vartotojas prideda daugiau nei vieną prekę, galime parodyti pranešimą, arba jei jis bando pirkti kelis kartus, mes jo klausiame, ar jis turi problemų.

Iš pirmo žvilgsnio tai gali atrodyti kaip kažkas labai pažengusio, bet KampinisJS priartina prie mūsų rankų, nesudarydamas didelių komplikacijų. Objektas $ laikrodis Jis gali ne tik stebėti konkrečią vertę, bet ir priskirti tai daryti rinkdamas, o tai suteikia mums galimybę vienu metu atsižvelgti į kelias vertybes ir taip pasiekti sudėtingesnių rezultatų nei naudojant ankstesnę formą .

Baigę šią pamoką, išmokome suprasti, kas tai yra Taikymo sritis viduje KampinisJS ir tam mes rėmėmės abstrakčiausiomis sąvokomis „JavaScript“, taip parodydami, kad ši kalba suteikia mums visas priemones, kad pasiektume tokį pat pažangų darbą, kaip ir ta pati sistema, apie kurią kalbame, tačiau, jei įsisavinsime jos sąvokas, galime padaryti įrankius naudingesnius.

Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką