Kad mēs strādājam ar AngularJS un mēs sākam lasīt dokumentāciju, pirmā lieta, ko mēs redzam, ir vārds Darbības jomaTo varētu tulkot spāņu valodā kā darbības jomu, tomēr šajā kontekstā izmantošana ir daudz plašāka.
Tāpēc mums ir jāsaprot, ka tā patiešām ir Darbības joma un kā tā darbojas mūsu lietojumprogrammās, tādā veidā mēs varam veikt lēcienu starp mēģinājumiem izmantot AngularJS un izmantojiet to ar pamatojumu, pārliecību, nevis tikai atkārtojot kodu.
Interesantākais ir tas, ka kā AngularJS ir pilnībā iebūvēts JavaScript, mēs varam uztvert valodas jēdzienus un pielietot tos pamatinstrumentu izpētē un izpratnē, tādējādi dodot mums papildu prasmju līmeni, lai mēs varētu attīstīt loģiku, kādu mēs domājam par savām lietojumprogrammām
Prasības
1- Lai izpildītu šo apmācību, mums ir nepieciešams tāds tīmekļa serveris kā Wampvai ja mēs atrodamies tādā vidē kā Linux konfigurācija Lampa Mums ar to pietiks, ideja ir iespēja apkalpot mūsu failus, kas ietver AngularJS un ne tikai atvērt dokumentu HTML.
2- Mums ir jābūt arī bagātinātam teksta redaktoram, kas ļauj mums uzrakstīt piemēriem nepieciešamo kodu, tas var būt Cildens teksts vai Notepad ++.
3- Visbeidzot, mums ir jābūt piekļuvei internetam, lai izmantotu AngularJS iekļaušanu, izmantojot tā CDN, vai arī esam lejupielādējuši failu, kurā ir ietvars, lai to apkalpotu lokāli.
Kas ir darbības joma?
Tas nav nekas cits kā vienkāršs objekts JavaScript kam papildus īpašību saglabāšanai ir iespēja saglabāt galveno vērtību struktūru. Tas mums ļoti palīdz, jo, ja mēs to redzam no šāda viedokļa, mēs varam pielietot programmēšanas valodas pamatjēdzienus
Kā tas darbojas?AngularJS ir atbildīgs par šī objekta automātisku izveidi un iekļaušanu mūsu lietojumprogrammas izpildē, tāpēc tā nosaukums ir darbības joma, jo tas ļauj mums manipulēt ar modeļu vērtībām un tiem piekļūt, kā arī kalpot kā saskarne saziņai ar skatu. Šī struktūra ļauj mums izmantot Darbības joma mūsu kontrolieros un pievienot rekvizītus, kurus mēs varam izsaukt tieši skatā, un tādējādi mēs izpildām ciklu, kurā viss ir saistīts un saistīts mūsu lietojumprogrammā.
Nākamajā attēlā mēs redzam, kāda ir skala vai veids, kādā AngularJS rada atšķirīgu Darbības jomas, lai gan visi izriet no Darbības joma no elementa, kas tos satur, izņemot Saknes darbības joma kas tiek radīts pirmais. Protams, ja saknes tvērumā ir divi elementi vienā līmenī, viņi abi no tā mantos.
PALIELINĀT
Kā darbojas prototips?
Atšķirībā no tādām valodām kā Java, C ++ un citi, JavaScript Mantojuma jēdziens tiek apstrādāts atšķirīgi, tāpēc mums ir jāapgūst, ko tas izmanto prototips kas ir nekas vairāk kā metode, kas pastāv klases konstruktoros, kas ļauj mūsu kodam pievienot jaunus rekvizītus.
Neskatoties uz to, ka tas ir kaut kas tipisks JavaScript ļauj mums mazliet vairāk saprast, kā mēs varam iegūt dažus rezultātus, turklāt palīdzot saprast, kā Darbības joma iekšpusē AngularJS.
Nākamajā piemērā mēs redzēsim, kā mēs izveidojam klasi ar noteiktiem rekvizītiem vai atribūtiem prototips Mēs varam savai klasei pievienot papildu īpašumu un tādējādi, izveidojot instanci, varam tam piekļūt.
Interesanti ir tas, ka pastāv metode, kas palīdz mums pārbaudīt, vai kādam atribūtam ir raksturīga klase, ja šī metode atgriež nepatiesu vērtību, tad mēs zināsim, ka tas ir atribūts, kas izriet no mantojuma ar prototips. Apskatīsim kodu, kas to visu attēlo:
DokumentsTagad redzēsim, kā konsolē JavaScript mēs iegūstam vēlamos rezultātus:
Pēc tam mēs pamanām, kā metode hasOWnProperty Tas palīdz mums identificēt klases sākotnējos atribūtus vai īpašības. Tādējādi mēs varam saprast, vai esam radījuši efektīvu mantojumu, jo varam saprast, kā mēs paplašinām klases atribūtu iespējas.
SvarīgsŠis mantojuma veids caur prototips ir tas, kas attiecas AngularJS veidojot atšķirīgo Darbības jomas no dokumenta lietojumprogrammā, kur tas pārvietojas pa koku SAULE kur vispirms nosaka, vai īpašums pastāv ng-lietotne, tajā brīdī tici $ rootScope, tad, atrodot kontrolieri, tiek izveidots mainīgais $ darbības joma kas izriet no metodes pielietošanas $ rootScope.new ().
Un tā tas saasinās, atrodot iekšējos elementus viens otrā, pārmantojot tieši iepriekšējo struktūru, ņemot vērā tās funkcijas, kas iegūtas no $ rootScope un savas funkcijas.
Šajā piemērā mēs esam izstrādājuši lietojumprogrammu, kurā mums ir divi kontrolieri, tādā veidā mēs redzam, kā caur mantojumu darbības jomu tās pašas dažādās īpašības vai atribūti tiek mantoti, līdz tiek iegūta ligzdota struktūra, kas var piekļūt vecāku īpašībām un paplašināt lietojumprogrammas funkcijas kā tādas. Apskatīsim kodu:
{{editors}} ir grāmatas no: {{category}}
Populārākās grāmatas no {{editors}} ir:
- {{grāmata}}
To var uzskatīt par mazliet tālredzīgu, taču tas ir labākais veids, kā saprast mainīgā lielumu $ darbības joma darbojas mūsu lietojumprogrammās un tādējādi var to izmantot mūsu loģikas ietvaros, lai pēc iespējas labāk izmantotu ietvara rīkus. Tālāk redzamajā attēlā redzēsim, kā izskatās mūsu iepriekšējā lietojumprogramma un kā ir izpildīti paskaidrotie punkti:
Pēc tam mēs pamanām, kā grāmatu saraksts pieder objektam Darbības joma vairāk iekšēji, tomēr, tā kā mēs nenosakām redakcionālo atribūtu, mēs varam izmantot to, ko mēs definējam vecākajos kontrolieros, nonākot pie secinājuma, ka mēs paredzējām izmantot prototips pēc AngulaJS.
Skatītājs kā uzlabota koncepcija
Ir reizes, kad mēs vēlamies turpināt un kaut kādā veidā uzraudzīt konkrētu situāciju, šajā vietā objekts nonāk. $ pulkstenis, kas ļauj mums darīt tieši to, ko paskaidrojam.
Kā tas darbojas?Pievienojot to kā klausītājs no kāda mūsu lietojumprogrammas elementa, šis objekts tiks reģistrēts katru reizi, kad tajā notiks izmaiņas. Tādā veidā mēs varam piemērot nosacījumus katru reizi, kad notiek mūsu noteiktais notikums. Piemērs varētu būt, veidojot iepirkumu grozu, ja lietotājs pievieno vairākas preces, mēs varam parādīt ziņojumu, vai ja viņš mēģina iegādāties vairākas reizes, mēs viņam jautājam, vai viņam ir kāda problēma.
No pirmā acu uzmetiena tas varētu šķist kaut kas ļoti progresīvs, bet AngularJS ņem to tuvu mūsu rokām, neradot daudz sarežģījumu. Objekts $ pulkstenis Tā var ne tikai novērot noteiktu vērtību, bet arī piešķirt tai uzdevumu ar kolekciju, kas dod mums iespēju vienlaikus ņemt vērā vairākas vērtības un tādējādi sasniegt sarežģītākus rezultātus nekā iepriekšējā formā .
Ar šo mēs esam pabeiguši šo apmācību, mēs esam iemācījušies saprast, kas tas ir Darbības joma iekšpusē AngularJS un šim nolūkam mēs esam paļāvušies uz abstraktākajiem jēdzieniem JavaScript, tādējādi parādot, ka šī valoda dod mums visus instrumentus, lai sasniegtu tikpat progresīvas darba vietas kā tas pats ietvars, par kuru mēs runājam, bet ka, apgūstot tās jēdzienus, mēs varam padarīt instrumentus par kaut ko augstāku.
Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu
