Содржина[Крие][Прикажи]
- 1. Подобрете го вашето основно знаење
- 2. Искористете ја објектно-ориентирана стратегија
- 3. Користете ги функциите дури и ако се мали
- 4. Наместо ==, користете ===
- 5. Користете JSLint
- 6. Скриптите треба да бидат поставени на дното на вашата страница
- 7. Најбрзиот начин да се направи стринг
- 8. Додадете коментар на вашиот код
- 9. Искористете ги шаблонските буквали
- 10. Итератори и за ... на јамки
- 11. Користете {} Наместо нов објект()
- 12. Размислете да ставите let и const во вашиот код
- 13. eval() не е добра идеја
- 14. Операторот Spread ни доаѓа
- 15. чекаат и асинхронизираат
- 16. Користете го методот include() во Javascript
- 17. Отстранете ги ставките од низа користејќи Splice
- 18. Користете ја функцијата стрелка
- 19. Со Destructuring, можете брзо да доделите вредности на променливите
- 20. Направете неколку проекти
- Заклучок
Ако некогаш сте биле заинтересирани за веб развој, веројатно сте налетале на JavaScript. Објектно-ориентиран програмски јазик е JavaScript. Програмерите го користат за да ги направат веб-страниците од клиентската страна (предниот дел) динамични и интерактивни.
Се користи и за креирање веб-страници и веб-апликации, со HTML и CSS. Во денешно време нема веб-страница на интернет што нема JavaScript код. Стана нераскинлив аспект на работата на развивачот.
Навистина, таа постојано се зголемува. Иако JavaScript е најдобро препознатлив за обезбедување функционалност на веб-страниците, тој исто така се користи и во средини кои не се JavaScript. Node.js, Apache Couch-DB и Adobe Acrobat се примери за овие технологии. За извршување на JavaScript, повеќето модерни веб-прелистувачи содржат вграден мотор за извршување JavaScript. Ако сакате да бидете успешен веб-развивач, ќе мора да се справите со JavaScript.
Мора да се справите со тоа денес или утре. Зошто да не научите JavaScript пред време за да бидете подготвени кога ќе дојде време?
Ова е она што ќе го научите во оваа сесија. Објаснува како да останете чекор понапред од вашите колеги веб-програмери со полирање на вашиот JavaScript.
Да почнеме!
1. Подобрете го вашето основно знаење
Ќе започнам со една навистина основна мисла и изјава што сте ја слушнале уште од мали нозе. Научете ги основите и применувајте ги во пракса. Многупати, ќе применувате логика со кодирање, но ќе заборавите дека веќе има вградена функција за неа, како што е сечење низа. Кога ќе го вклучите кодот JavaScript, може да добиете грешка и како резултат на тоа, многу дополнителни функции престануваат да работат.
Ова може да биде предизвикано од една две точки или превртени запирки. Овие работи се јавуваат како резултат на недоволно разбирање на основите. Многу пати во една програма се користи основна јамка како за, која или направи додека. Јамките се еден од најфундаменталните програмски конструкции.
Прилично е тешко да се шифрирате, па дури и да имате шанса да работите за фирма ако не сте запознаени со циклусот и другите основи. Усовршувањето на вашите основи е критично бидејќи тие обезбедуваат цврста основа врз која може да се развие комплицираната логика и репутација на решението.
2. Искористете ја објектно-ориентирана стратегија
Објектно-ориентираниот метод е најпознатиот програмски пристап денес. Објектно-ориентираниот пристап, кој започна со C++, оттогаш стана огромен популарен. Денес, само објектно-ориентираното програмирање се користи за создавање на сите главни јазици. Објектно-ориентирана стратегија е онаа која е фокусирана на одреден објект.
Ставката потоа станува основен ентитет. Овој објект потоа се користи за додавање атрибути и функции на страницата како основа. Можете исто така да го користите традиционалниот метод за креирање код од врвот до дното без никакви функции или објекти. Ова е премногу обемно и никогаш не треба да се обиде. Кога развиваме код, треба да користиме функционален пристап, а ако користиме функции, треба да користиме објекти.
Значи, на почетокот, настојувајте да го конвертирате вашиот обемен код во објектно-ориентиран код и секогаш напишете го вашиот код во објектно-ориентиран стил. Кога го проучувате кодот на другите луѓе, постојано ќе гледате во објектно-ориентирани техники. Ако сакате да го совладате JavaScript, најдобро е да го добиете во рака.
3. Користете ги функциите дури и ако се мали
Програмирањето со функционален пристап е одличен начин. Зошто? Го дели вашиот софтвер во модули кои функционираат заедно, но сепак се разликуваат еден од друг. Дозволете ми да ви дадам пример за да ви помогнам да разберете.
Коренот среден квадрат на цели броеви може да се пресмета со помош на функција. За да го направите тоа, мора да ги квадратите цели броеви, да ја пресметате нивната средна вредност и потоа да го пресметате квадратниот корен на средната вредност. Постојат три фази во процесот. Како резултат на тоа, можеме да користиме три функции. Но, како што можете да видите, сите овие функции се меѓусебно поврзани. Излезот од еден се испраќа до друг, а ние го добиваме крајниот резултат.
Да се преправаме дека наместо три функции, едноставно ви треба една за да го пресметате RMS врз основа на повеќе фактори. Конечното решение, како што можете да видите, е неточно. Ќе ви биде доста тешко да одредите што тргнало наопаку на толку голем настан во овој момент.
Имањето три мали функции, од друга страна, ќе ви овозможи брзо да анализирате. Како резултат на тоа, дури и ако функциите се скромни, искористете ги за да дефинирате различни кодни модули. Оваа техника ќе ви помогне да станете експерт за JavaScript како магија.
Сега, ајде да погледнеме неколку совети за кодирање JavaScript.
4. Наместо ==, користете ===
Во JavaScript, постојат два типа на оператори за еднаквост: строги оператори за еднаквост === и !==, и нестроги оператори за еднаквост == и !=. Кога се споредува, се смета за најдобра практика секогаш да се применува точна еднаквост. Меѓутоа, кога работите со == и !=, ќе наидете на проблеми кога се занимавате со различни видови.
Кога типовите на вредностите што ги споредувате се различни, нестрогите оператори ќе се обидат да ги присилат нивните вредности, што може да доведе до неочекувани исходи.
5. Користете JSLint
Даглас Крокфорд го создаде JSLint, дебагер. Едноставно ставете ја вашата скрипта во кутијата и таа брзо ќе ја скенира за какви било грешки или недостатоци.
JSLint испитува изворна датотека JavaScript. Ако се открие проблем, тој испраќа порака со опис на проблемот и приближна позиција во изворот. Прашањето не е секогаш синтаксичка грешка, иако често е случај.
JSLint ги испитува и стилските норми и структурните прашања. Тоа не значи дека вашиот софтвер е точен. Само додава уште еден пар очи за да помогне во откривањето на проблемите. Пред да се пријавите на скрипта, поминете ја преку JSLint за да бидете сигурни дека не сте направиле грешки.
6. Скриптите треба да бидат поставени на дното на вашата страница
Примарната цел на корисникот е страницата да се вчита што е можно побрзо. Прелистувачот не може да продолжи да вчитува скрипта додека не се вчита целосната датотека. Како резултат на тоа, корисникот ќе мора да чека подолго за да види каков било напредок.
Ако имате JS-датотеки кои се користат само за да се обезбеди функционалност (на пример, штом ќе се притисне копче), ставете ги на дното на страницата, веднаш пред ознаката на телото што се затвора. Ова е несомнено најдобрата практика.
7. Најбрзиот начин да се направи стринг
Кога треба да кружите околу низа или објект, не секогаш користете ја изјавата trusty for loop. Искористете ја вашата имагинација за да дојдете до најбрзото решение за задачата што е при рака. Нема да ви донесам бројки; едноставно ќе треба да ми верувате (или да се тестирате сами).
Ова е досега најбрзата техника.
8. Додадете коментар на вашиот код
Можеби на почетокот изгледа бесмислено, но верувајте ми кога велам дека треба да коментирате за вашиот код што е можно почесто. Што ако се вратите на проектот неколку месеци подоцна и не можете да се сетите на вашиот оригинален процес на размислување?
Што ако вашиот код треба да го ажурира некој од вашите соработници? Важните области од вашиот код секогаш треба да се коментираат.
9. Искористете ги шаблонските буквали
Ограничувањата на низите креирани со двојни или единечни наводници се многубројни. За да ја олесните работата со нив, можеби ќе одберете да замените некои од вашите жици со буквални буквални шаблони.
Знакот backtick (') се користи за изградба на буквални шаблони, што има голем број на предности. Можете да ги користите за складирање изрази или за градење низи со повеќе линии.
Како што можете да видите, за разлика од конвенционалните жици буквално конструирани со единечни или двојни наводници, не моравме постојано да влегуваме и излегуваме од нашиот шаблон буквално. Ова ја минимизира веројатноста за грешки при пишување и ни овозможува да пишуваме почист код.
10. Итератори и за ... на јамки
Итераторите се објекти во JavaScript кои го имплементираат методот next() за да го вратат објектот што ја складира следната вредност во низа, како и точно или неточно во зависност од тоа дали има преостанати уште вредности. Ова значи дека ако го имплементирате протоколот iterator, можете да изградите свои iterator објекти.
Има некои вградени итератори во JavaScript, како што се String, Array, Map и така натаму. Можете да ги користите за … на јамки за повторување низ нив. Во споредба со обичните за јамки, ова е поконцизно и помалку склоно кон грешки. Не мора да ја следиме целосната должина на низата или тековниот индекс користејќи јамка за…на. Кога дизајнирате вгнездени јамки, ова може да помогне да се поедностави кодот.
11. Користете {} Наместо нов објект()
Во JavaScript, можете да правите објекти на различни начини. Користењето на новиот конструктор, како што е прикажано, е поконвенционален начин. Оваа стратегија, од друга страна, е означена како „лоша практика“.
Не е деструктивно, но е малку зборливо и уникатно. Наместо тоа, предлагам да се користи техниката на буквална тема.
12. Размислете да ставите let и const во вашиот код
Можеме да го користиме клучниот збор let за да направиме локални променливи кои се опфатени со нивниот сопствен блок. Можеме да го користиме клучниот збор const за да конструираме локални променливи со блок-опфат што не може да се менуваат.
Кога декларирате променливи, треба да размислите за користење на клучните зборови let и const кога е применливо. Запомнете дека клучниот збор const оневозможува само преназначување. Тоа не ја прави променливата непроменлива, исто така.
13. eval() не е добра идеја
Методот eval(), за оние кои не се свесни, ни овозможува пристап до компајлерот на JavaScript. Во суштина, можеме да го користиме eval за да го извршиме резултатот од стрингот со тоа што го снабдуваме како влез ().
Не само што ова значително ќе го забави вашиот скрипт, туку исто така нуди значителна загриженост за безбедноста бидејќи му дава премногу авторитет на пренесениот текст. Избегнувајте го по секоја цена!
14. Операторот Spread ни доаѓа
Дали некогаш ви било потребно да ги пренесете сите ставки во низата како поединечни елементи на друга функција или дали треба да ги ставите сите вредности од една низа во друга? Токму тоа ни овозможува да го постигнеме операторот за ширење (...). Еве една илустрација.
15. чекаат и асинхронизираат
Креирајте асинхрони функции користејќи го клучниот збор асинхрон, кој секогаш враќа ветување, или експлицитно или имплицитно.
Клучниот збор на чекање може да се користи во асинхрони функции за да се запре извршувањето додека не се заврши резолуцијата на повратните ветувања. Надвор од вашата асинхронизирана функција, кодот ќе продолжи да работи нормално.
16. Користете го методот include() во Javascript
Во JavaScript, функцијата include() одредува дали низата ги содржи доставените знаци или дали низата го содржи наведениот елемент.
Овој метод враќа true доколку се открие низата или елементот; во спротивно, враќа лажно. Вреди да се спомене дека функцијата Strings содржи() е чувствителна на букви. Ако сакате да поклопите низа без разлика на буквите, едноставно прво намалете го целниот текст.
17. Отстранете ги ставките од низа користејќи Splice
За да отстраните ставка од низа, видов дека програмерите ја користат функцијата за бришење. Ова е погрешно бидејќи, наместо да се брише објектот, методот за бришење го заменува со недефинирано.
Најлесен начин да се отстрани елемент од низа во зависност од неговата вредност во JavaScript е да се користи функцијата indexOf() за да се добие индексниот број на таа вредност во низата, а потоа да се избрише таа вредност на индексот со методот splice().
18. Користете ја функцијата стрелка
Функциите со стрелки се уште една важна карактеристика што штотуку е додадена на JavaScript.
Тие имаат голем број на предности. За почеток, тие ги прават функционалните делови на JavaScript визуелно попривлечни и полесни за пишување. Сепак, користењето на функциите со стрелки го прави ова многу почитливо и поконцизно.
19. Со Destructuring, можете брзо да доделите вредности на променливите
Претходно во овој пост, дознавме за операторот за ширење во JavaScript. Деструктурирањето е слично на деструктурирањето со тоа што исто така ги отпакува податоците содржани во низите.
Разликата е во тоа што овие неотпакувани вредности може да се доделат на различни променливи. Синтаксата е идентична со онаа на кратенката [] кога се формира низа. Заградите, сепак, овојпат се поставени на левата страна на операторот за доделување. Еве една илустрација.
20. Направете неколку проекти
Секој талент бара доследна пракса, затоа обидете се да изградите различни проекти за да ги усовршите вашите способности и да стекнете експертиза со различни програмски сценарија.
Додека работите на проектите, ќе искусите неколку предизвици и грешки, кои ќе ви ја обезбедат потребната експертиза. Затоа, обидете се да смислите проекти, а има многу идеи и примери на интернет кои ќе ви помогнат. Продолжете да развивате код и вашите способности ќе се подобрат.
Заклучок
Можеби е тешко да се научи компјутерски јазик како JavaScript. Ако сериозно сакате да станете добар програмер и да ја обезбедите својата прва работа, тогаш овие стратегии за учење JavaScript можат да ви помогнат да го забрзате процесот на учење.
Погрижете се редовно да вежбате кодирање, да земате темелни белешки додека учите нови идеи и да ги користите сите алатки што ви се достапни. Пред сè, излезете таму и започнете со кодирање додека се забавувате.
Оставете Одговор