Змест[Схаваць][Паказаць]
- 1. Палепшыце свае базавыя веды
- 2. Выкарыстоўвайце аб'ектна-арыентаваную стратэгію
- 3. Выкарыстоўвайце функцыі, нават калі яны невялікія
- 4. Замест == выкарыстоўвайце ===
- 5. Выкарыстоўвайце JSLint
- 6. Скрыпты павінны размяшчацца ўнізе вашай старонкі
- 7. Самы хуткі спосаб зрабіць радок
- 8. Дадайце каментарый да вашага кода
- 9. Выкарыстоўвайце Літэралы шаблонаў
- 10. Итераторы і для … цыклаў
- 11. Выкарыстоўвайце {} замест new Object()
- 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, вы можаце атрымаць памылку, і ў выніку многія дадатковыя функцыі перастануць працаваць.
Гэта можа быць выклікана двукроп'ем або двукроп'ем або двукроп'ем. Гэтыя рэчы адбываюцца ў выніку адсутнасці разумення асноў. Шмат разоў у адной праграме выкарыстоўваецца асноўны цыкл, напрыклад for, which або do while. Цыклы - адна з самых фундаментальных праграмных канструкцый.
Даволі складана кадзіраваць і нават мець магчымасць працаваць у фірме, калі вы не знаёмыя з цыклам і іншымі асновамі. Асваенне вашых асноў вельмі важна, бо яны забяспечваюць трывалую аснову для распрацоўкі складанай логікі і рэпутацыі рашэння.
2. Выкарыстоўвайце аб'ектна-арыентаваную стратэгію
Аб'ектна-арыентаваны метад з'яўляецца найбольш вядомым падыходам да праграмавання сёння. Аб'ектна-арыентаваны падыход, які пачаўся з C++, з тых часоў значна вырас у папулярнасці. Сёння для стварэння ўсіх асноўных моў выкарыстоўваецца толькі аб'ектна-арыентаванае праграмаванне. Аб'ектна-арыентаваная стратэгія - гэта стратэгія, арыентаваная на пэўны аб'ект.
Затым элемент становіцца фундаментальнай сутнасцю. Затым гэты аб'ект выкарыстоўваецца для дадання атрыбутаў і функцый на старонку ў якасці асновы. Вы таксама можаце выкарыстоўваць традыцыйны метад стварэння кода зверху ўніз без якіх-небудзь функцый або аб'ектаў. Гэта занадта шырока, і ніколі не варта спрабаваць. Пры распрацоўцы кода мы павінны выкарыстоўваць функцыянальны падыход, а калі мы выкарыстоўваем функцыі, мы павінны выкарыстоўваць аб'екты.
Такім чынам, у пачатку імкніцеся пераўтварыць ваш шырокі код у аб'ектна-арыентаваны код і заўсёды пішыце свой код у аб'ектна-арыентаваным стылі. Калі вы вывучаеце код іншых людзей, вы будзеце пастаянна разглядаць аб'ектна-арыентаваныя метады. Калі вы хочаце асвоіць JavaScript, лепш за ўсё, калі вы возьмеце яго ў рукі.
3. Выкарыстоўвайце функцыі, нават калі яны невялікія
Праграмаванне з функцыянальным падыходам - выдатны шлях. чаму? Ён падзяляе ваша праграмнае забеспячэнне на модулі, якія працуюць разам, але пры гэтым адрозніваюцца адзін ад аднаго. Дазвольце мне прывесці вам прыклад, каб дапамагчы вам зразумець.
Сярэднеквадратычнае значэнне цэлых лікаў можна вылічыць з дапамогай функцыі. Каб зрабіць гэта, вы павінны ўзвесці цэлыя лікі ў квадрат, вылічыць іх сярэдняе, а затым вылічыць квадратны корань з сярэдняга. У працэсе ёсць тры фазы. У выніку мы можам выкарыстоўваць тры функцыі. Але, як бачыце, усе гэтыя функцыі ўзаемазвязаны. Вывад аднаго адпраўляецца іншаму, і мы атрымліваем канчатковы вынік.
Давайце ўявім, што замест трох функцый вам патрэбна проста адна для разліку RMS на аснове некалькіх фактараў. Канчатковае рашэнне, як бачыце, няправільнае. На дадзены момант вам будзе даволі цяжка вызначыць, што пайшло не так у такой вялікай падзеі.
З іншага боку, наяўнасць трох маленькіх функцый дазволіць вам хутка аналізаваць. У выніку, нават калі функцыі сціплыя, выкарыстоўвайце іх для вызначэння асобных модуляў кода. Гэты метад дапаможа вам стаць экспертам па JavaScript, як па чараўніцтву.
Зараз давайце разгледзім некалькі парад па кадаванню JavaScript.
4. Замест == выкарыстоўвайце ===
У JavaScript ёсць два тыпы аператараў роўнасці: строгія аператары роўнасці === і !== і нястрогія аператары роўнасці == і !=. Пры параўнанні лепшай практыкай лічыцца заўсёды выкарыстоўваць дакладную роўнасць. Аднак пры працы з == і != вы сутыкнецеся з праблемамі пры працы з рознымі відамі.
Калі тыпы значэнняў, якія вы параўноўваеце, розныя, нястрогія аператары будуць спрабаваць прымусова выкарыстоўваць свае значэнні, што можа прывесці да нечаканых вынікаў.
5. Выкарыстоўвайце JSLint
Дуглас Крокфард стварыў JSLint, адладчык. Проста змесціце свой скрыпт у скрынку, і ён хутка праскануе яго на наяўнасць памылак або недахопаў.
JSLint вывучае зыходны файл JavaScript. Калі праблема выяўлена, ён адпраўляе паведамленне з апісаннем праблемы і прыблізнай пазіцыяй у крыніцы. Праблема не заўсёды ў сінтаксічнай памылцы, хоць гэта часта бывае.
JSLint разглядае як стылістычныя нормы, так і структурныя праблемы. Гэта не азначае, што ваша праграмнае забеспячэнне дакладнае. Гэта проста дадае яшчэ адну пару вачэй, каб дапамагчы ў выяўленні праблем. Перш чым падпісацца на сцэнар, запусціце яго праз JSLint, каб пераканацца, што вы не дапусцілі памылак.
6. Скрыпты павінны размяшчацца ўнізе вашай старонкі
Асноўная мэта карыстальніка - каб старонка загружалася як мага хутчэй. Браўзер не можа працягваць загрузку сцэнарыя, пакуль не будзе загружаны ўвесь файл. У выніку карыстачу прыйдзецца чакаць даўжэй, каб убачыць прагрэс.
Калі ў вас ёсць файлы JS, якія выкарыстоўваюцца толькі для забеспячэння функцыянальнасці (напрыклад, пасля націску кнопкі), размясціце іх унізе старонкі, непасрэдна перад зачыняльным тэгам body. Гэта, бясспрэчна, лепшая практыка.
7. Самы хуткі спосаб зрабіць радок
Калі вам трэба цыклічна абыйсці масіў або аб'ект, не заўсёды выкарыстоўвайце надзейны аператар цыклу for. Выкарыстоўвайце сваё ўяўленне, каб прыдумаць самае хуткае рашэнне пастаўленай задачы. Я не збіраюся прыносіць вам лічбы; вам проста трэба давяраць мне (або праверыць на сабе).
Гэта самая хуткая тэхніка на сённяшні дзень.
8. Дадайце каментарый да вашага кода
Спачатку гэта можа здацца бессэнсоўным, але паверце мне, што вы павінны каментаваць свой код як мага часцей. Што рабіць, калі вы вяртаецеся да праекта праз некалькі месяцаў і не можаце ўспомніць свой першапачатковы працэс мыслення?
Што рабіць, калі ваш код павінен быць абноўлены адным з вашых калегаў? Важныя вобласці вашага кода заўсёды павінны быць каментарамі.
9. Выкарыстоўвайце Літэралы шаблонаў
Абмежаванні радкоў, створаных з падвойнымі або адзінарнымі двукоссямі, шматлікія. Каб палегчыць працу з імі, вы можаце замяніць некаторыя радкі шаблоннымі літэраламі.
Сімвал зваротнай галачкі (') выкарыстоўваецца для пабудовы шаблонных літаралаў, што мае шэраг пераваг. Вы можаце выкарыстоўваць іх для захоўвання выразаў або для стварэння шматрадковых радкоў.
Як бачыце, у адрозненне ад звычайнага радковага літарала, пабудаванага з адзінарнымі або падвойнымі двукоссямі, нам не трэба было шматкроць заходзіць і выходзіць з нашага шаблоннага літэрала. Гэта зводзіць да мінімуму верагоднасць памылак уводу і дазваляе нам пісаць больш чысты код.
10. Итераторы і для … цыклаў
Ітэратары - гэта аб'екты ў JavaScript, якія рэалізуюць метад next() для вяртання аб'екта, які захоўвае наступнае значэнне ў паслядоўнасці, а таксама ісціну або ілжыва ў залежнасці ад таго, ці засталіся яшчэ значэнні. Гэта азначае, што калі вы рэалізуеце пратакол ітэратара, вы можаце ствараць уласныя аб'екты ітэратара.
Ёсць некаторыя ўбудаваныя ітэратары ў JavaScript, такія як String, Array, Map і гэтак далей. Вы можаце выкарыстоўваць цыклы for … of для перабору іх. У параўнанні са звычайнымі цыкламі for, гэта больш сцісла і менш схільна да памылак. Нам не трэба адсочваць поўную даўжыню масіва або бягучы індэкс з дапамогай цыклу for…of. Пры распрацоўцы ўкладзеных цыклаў гэта можа дапамагчы спрасціць код.
11. Выкарыстоўвайце {} замест new Object()
У JavaScript вы можаце ствараць аб'екты рознымі спосабамі. Выкарыстанне новага канструктара, як паказана, з'яўляецца больш звычайным спосабам. Гэтая стратэгія, з іншага боку, адзначана як «дрэнная практыка».
Гэта не разбуральна, але крыху шматслоўна і ўнікальна. Я прапаную замест гэтага выкарыстоўваць тэхніку літаральнага аб'екта.
12. Разгледзьце магчымасць змяшчэння let і const у свой код
Мы можам выкарыстоўваць ключавое слова let, каб стварыць лакальныя зменныя, якія ахопліваюць уласны блок. Мы можам выкарыстоўваць ключавое слова const для стварэння лакальных зменных з блочным аб'ёмам, якія нельга змяніць.
Пры аб'яўленні зменных вам варта разгледзець магчымасць выкарыстання ключавых слоў let і const, калі гэта магчыма. Памятайце, што ключавое слова const адключае толькі перапрызначэнне. Гэта таксама не робіць зменную нязменнай.
13. eval() не з'яўляецца добрай ідэяй
Для тых, хто не ведае, метад eval() дае нам доступ да кампілятара JavaScript. Па сутнасці, мы можам выкарыстоўваць eval для выканання выніку радка, падаючы яго як input ().
Гэта не толькі істотна запаволіць ваш сцэнар, але і стварае сур'ёзныя праблемы з бяспекай, паколькі надае перададзенаму тэксту занадта вялікі аўтарытэт. Пазбягайце гэтага любой цаной!
14. Аператар Spread спатрэбіцца
Вам калі-небудзь даводзілася перадаваць усе элементы ў масіве як асобныя элементы ў іншую функцыю, ці вам трэба змясціць усе значэнні з аднаго масіва ў іншы? Гэта менавіта тое, чаго дазваляе нам дасягнуць аператар распаўсюджвання (…). Вось ілюстрацыя.
15. чакаць і асінхр
Стварыце асінхронныя функцыі з дапамогай ключавога слова async, якое заўсёды вяртае абяцанне, відавочна ці няяўна.
Ключавое слова await можа выкарыстоўвацца ў асінхронных функцыях, каб спыніць выкананне, пакуль не будзе завершана рашэнне вяртаемых абяцанняў. Па-за асінхроннай функцыяй код будзе працягваць нармальна працаваць.
16. Выкарыстоўвайце метад include() у Javascript
У JavaScript функцыя include() вызначае, ці ўтрымлівае радок прадастаўленыя сімвалы, ці ўтрымлівае ўказаны элемент масіў.
Гэты метад вяртае ісціну, калі радок або элемент знойдзены; у адваротным выпадку ён вяртае false. Варта адзначыць, што функцыя Strings contains() адчувальная да рэгістра. Калі вы жадаеце супаставіць радок незалежна ад рэгістра, проста спачатку пастаўце мэтавы тэкст у ніжнім рэгістры.
17. Выдаліць элементы з масіва з дапамогай Splice
Каб выдаліць элемент з масіва, я бачыў, як распрацоўшчыкі выкарыстоўваюць функцыю выдалення. Гэта памылкова, таму што замест выдалення аб'екта метад delete замяняе яго на undefined.
Самы просты спосаб выдаліць элемент з масіва ў залежнасці ад яго значэння ў JavaScript - гэта выкарыстаць функцыю indexOf(), каб атрымаць нумар індэкса гэтага значэння ў масіве, а потым выдаліць гэтае значэнне індэкса метадам splice().
18. Выкарыстоўвайце функцыю стрэлак
Функцыі стрэлак - яшчэ адна важная функцыя, якая толькі што была дададзена ў JavaScript.
У іх ёсць маса пераваг. Па-першае, яны робяць функцыянальныя часткі JavaScript больш візуальна прывабнымі і прасцейшымі для напісання. Аднак выкарыстанне функцый стрэлак робіць гэта значна больш разборлівым і лаканічным.
19. З дапамогай Destructuring вы можаце хутка прызначаць значэнні зменных
Раней у гэтай публікацыі мы даведаліся пра аператар распаўсюджвання ў JavaScript. Дэструктурызацыя падобная да дэструктурызацыі тым, што яна таксама распакоўвае даныя, якія змяшчаюцца ў масівах.
Адрозненне ў тым, што гэтыя распакаваныя значэнні могуць быць прысвоены розным зменным. Сінтаксіс ідэнтычны камбінацыі [] пры фармаванні масіва. На гэты раз дужкі, аднак, размешчаны злева ад аператара прысвойвання. Вось ілюстрацыя.
20. Зрабіце некалькі праектаў
Любы талент патрабуе паслядоўнай практыкі, таму паспрабуйце ствараць розныя праекты, каб удасканаліць свае здольнасці і атрымаць вопыт з дапамогай розных сцэнарыяў праграмавання.
Працуючы над праектамі, вы сутыкнецеся з некалькімі праблемамі і недахопамі, якія забяспечаць вам неабходны вопыт. Так што паспрабуйце прыдумаць праекты, і ў Інтэрнэце ёсць мноства ідэй і прыкладаў, якія дапамогуць вам. Працягвайце распрацоўваць код, і вашы здольнасці палепшацца.
заключэнне
Можа быць цяжка вывучыць кампутарную мову, напрыклад JavaScript. Калі вы сур'ёзна хочаце стаць добрым праграмістам і атрымаць сваю першую працу, то гэтыя стратэгіі вывучэння JavaScript могуць дапамагчы вам паскорыць працэс навучання.
Пераканайцеся, што вы рэгулярна практыкуецеся кадавання, робіце дбайныя нататкі, вывучаючы новыя ідэі, і выкарыстоўваеце ўсе даступныя вам інструменты. Перш за ўсё, выйдзіце туды і пачніце кадзіраваць, атрымліваючы задавальненне.
Пакінуць каментар