Мазмуну[Жашыруу][Көрсөтүү]
- 1. Негизги билимиңизди өркүндөтүңүз
- 2. Объектке багытталган стратегияны колдонуңуз
- 3. Функцияларды кичине болсо да колдонуңуз
- 4. == ордуна === колдонуңуз
- 5. JSLint колдонуңуз
- 6. Скрипттер баракчаңыздын ылдый жагына жайгаштырылышы керек
- 7. Сап жасоонун эң тез жолу
- 8. Кодуңузга комментарий кошуңуз
- 9. Template Literals колдонуңуз
- 10. Итераторлор жана циклдердин ... үчүн
- 11. New Object() ордуна {} колдонуңуз
- 12. Кодуңузга let жана const коюуну карап көрүңүз
- 13. eval() Жакшы идея эмес
- 14. Спред оператору жардамга келет
- 15. күтүү жана синхрондоштуруу
- 16. Javascript'те include() ыкмасын колдонуңуз
- 17. Splice аркылуу массивден элементтерди алып салыңыз
- 18. Жебе функциясын колдонуңуз
- 19. Деструктуризация менен сиз өзгөрмө маанилерди тез дайындай аласыз
- 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 файлдары бар болсо (мисалы, баскыч басылгандан кийин), аларды беттин ылдый жагына, жабылуучу негизги тегдин алдына коюңуз. Бул эң сонун практика экени талашсыз.
7. Сап жасоонун эң тез жолу
Массивдин же объекттин айланасында айлануу керек болгондо, ишенимдүү for цикл операторуңузду дайыма колдонбоңуз. Өзүңүздүн элестетүүңүздү колдонуп, тапшырманы эң тез чечүү жолун табыңыз. мен сага сандарды алып келейин деп жаткан жокмун; жөн гана мага ишенишиңиз керек (же өзүңүздү сынап көрүңүз).
Бул эң тез техника.
8. Кодуңузга комментарий кошуңуз
Башында бул маанисиз көрүнүшү мүмкүн, бирок кодуңузга мүмкүн болушунча тез-тез комментарий беришиңиз керек деп айтсам, мага ишениңиз. Эгер сиз долбоорго бир нече айдан кийин кайтып келип, баштапкы ой жүгүртүү процессиңизди эстей албасаңызчы?
Эгер кодуңузду кесиптештериңиздин бири жаңыртсачы? Кодуңуздун маанилүү жерлерине ар дайым комментарий берилиши керек.
9. Template Literals колдонуңуз
Кош же бир тырмакча менен түзүлгөн саптардын чектөөлөрү көп. Алар менен иштөөнү бир топ жеңилдетүү үчүн, сиз кээ бир саптарыңызды шаблон литералдары менен алмаштырууну тандасаңыз болот.
Калыптын литералдарын түзүү үчүн артка белги (') колдонулат, анын бир катар артыкчылыктары бар. Сиз аларды туюнтмаларды сактоо же көп сап саптарды куруу үчүн колдоно аласыз.
Көрүнүп тургандай, бир же кош тырмакчалар менен курулган кадимки сап литералынан айырмаланып, биз шаблон литералына кайра-кайра кирип-чыгуунун кереги жок болчу. Бул терүү каталарынын ыктымалдыгын азайтат жана бизге таза код жазууга мүмкүндүк берет.
10. Итераторлор жана циклдердин ... үчүн
Итераторлор — JavaScript'те кийинки маанини ырааттуулукта сактаган объектти кайтаруу үчүн кийинки() ыкмасын ишке ашырган объекттер, ошондой эле дагы башка маанилердин калгандыгына жараша чын же жалган. Бул итератор протоколун ишке ашырсаңыз, өзүңүздүн итератор объектилериңизди кура аласыз дегенди билдирет.
JavaScript'те кээ бир орнотулган итераторлор бар, мисалы String, Array, Map жана башкалар. Сиз аларды кайталоо үчүн циклдердин ... колдоно аласыз. Кадимки for циклдерине салыштырганда, бул кыскараак жана ката кетирбейт. Бизге массивдин толук узундугун же учурдагы индексти for…of циклин колдонуп байкоо жүргүзүүнүн кереги жок. Уюшкан циклдерди долбоорлоодо, бул кодду жөнөкөйлөштүрүүгө жардам бериши мүмкүн.
11. New Object() ордуна {} колдонуңуз
JavaScript'те сиз объекттерди ар кандай жолдор менен жасай аласыз. Көрсөтүлгөндөй, жаңы конструкторду колдонуу кадимки жол. Бул стратегия, экинчи жагынан, "начар практика" деп белгиленген.
Бул кыйратуучу эмес, бирок ал бир аз сөздүү жана уникалдуу. Мен анын ордуна объекттин түз маанисин колдонууну сунуш кылам.
12. Кодуңузга let жана const коюуну карап көрүңүз
Биз let ачкыч сөзүн өз блогуна камтылган локалдык өзгөрмөлөрдү жасоо үчүн колдоно алабыз. Биз const ачкыч сөзүн өзгөртүүгө болбой турган локалдык блоктун масштабдуу өзгөрмөлөрүн куруу үчүн колдоно алабыз.
Өзгөрмөлөрдү жарыялоодо, мүмкүн болгон учурда let жана const ачкыч сөздөрүн колдонууну ойлонушуңуз керек. Эсиңизде болсун, const ачкыч сөзү кайра дайындоону гана өчүрөт. Бул да өзгөрүлмө өзгөрүлгүс кылбайт.
13. eval() Жакшы идея эмес
eval() ыкмасы, билбегендер үчүн, бизге JavaScript компиляторуна кирүү мүмкүнчүлүгүн берет. Негизи, биз баалоону саптын натыйжасын киргизүү () катары берүү менен аткаруу үчүн колдоно алабыз.
Бул сиздин скриптиңизди бир топ жайлатып гана койбостон, ошондой эле олуттуу коопсуздук маселесин сунуштайт, анткени ал киргизилген текстке өтө көп ыйгарым укуктарды берет. Бардык чыгымдарды аны алыс!
14. Спред оператору жардамга келет
Сизге массивдеги бардык элементтерди жеке элементтер катары башка функцияга өткөрүү керек болгонбу же бир массивдин бардык маанилерин экинчисине коюу керекпи? Дал ушул нерсеге таратуу оператору (...) жетишүүгө мүмкүнчүлүк берет. Бул жерде бир мисал.
15. күтүү жана синхрондоштуруу
Асинхрондук ачкыч сөздү колдонуп асинхрондук функцияларды түзүңүз, ал ар дайым ачык же кыйыр түрдө убаданы кайтарат.
Wait ачкыч сөзүн асинхрондук функцияларда колдонсо болот, ал убадаларды кайтарып берүү чечилгенге чейин аткарууну токтотуу үчүн. Асинхрондук функцияңыздан тышкары, код кадимкидей иштей берет.
16. Javascript'те include() ыкмасын колдонуңуз
JavaScript'те include() функциясы сапта берилген символдорду же массивде көрсөтүлгөн элементти камтыганын аныктайт.
Бул ыкма сап же элемент табылса, чындыкты кайтарат; антпесе, ал жалган кайтарат. Белгилей кетчү нерсе, Strings contain() функциясы регистрге сезимтал. Эгерде сиз сапты жагдайга карабастан дал келтирүүнү кааласаңыз, алгач максаттуу текстти кичине тамга менен жазыңыз.
17. Splice аркылуу массивден элементтерди алып салыңыз
Массивден бир нерсени алып салуу үчүн, мен иштеп чыгуучулар жок кылуу функциясын колдонгонун көрдүм. Бул туура эмес, анткени объектти жок кылуунун ордуна, жок кылуу ыкмасы аны аныкталбаганга алмаштырат.
JavaScript'теги маанисине жараша массивден элементти алып салуунун эң оңой жолу - массивдеги ошол маанинин индексинин санын алуу үчүн indexOf() функциясын колдонуу, андан кийин splice() ыкмасы менен индекстин маанисин жок кылуу.
18. Жебе функциясын колдонуңуз
Жебе функциялары JavaScript'ке жаңы эле кошулган дагы бир маанилүү функция.
Алардын бир топ артыкчылыктары бар. Баштоо үчүн, алар JavaScriptтин функционалдык бөлүктөрүн визуалдык жактан жагымдуураак жана жазууну жеңилдетет. Бирок, жебе функцияларын колдонуу муну кыйла түшүнүктүү жана кыска кылат.
19. Деструктуризация менен сиз өзгөрмө маанилерди тез дайындай аласыз
Буга чейин бул постто биз JavaScript'те жайылтуу оператору жөнүндө билдик. Деструктуризация деструктуризацияга окшош, анткени ал массивдердин ичиндеги маалыматтарды да ачат.
Айырмачылыгы, бул таңгактан ажыратылган баалуулуктарды ар кандай өзгөрмөлөргө ыйгарса болот. Синтаксис массивди түзүүдө [] жарлыкка окшош. Бирок кашаалар бул жолу дайындоо операторунун сол жагына жайгаштырылат. Бул жерде бир мисал.
20. Бир нече долбоорлорду жасаңыз
Ар бир талант ырааттуу практиканы талап кылат, андыктан жөндөмүңүздү өркүндөтүү жана ар кандай программалоо сценарийлери менен тажрыйба алуу үчүн ар кандай долбоорлорду курууга аракет кылыңыз.
Долбоорлордун үстүндө иштөөдө сиз бир нече кыйынчылыктарга жана кемчиликтерге туш болосуз, бул сизге керектүү тажрыйбаны берет. Андыктан долбоорлорду иштеп чыгууга аракет кылыңыз жана сизге жардам бере турган көптөгөн идеялар жана мисалдар интернетте бар. Кодду иштеп чыгууну улантыңыз, ошондо сиздин жөндөмүңүз жакшырат.
жыйынтыктоо
JavaScript сыяктуу компьютер тилин үйрөнүү кыйын болушу мүмкүн. Эгерде сиз жакшы программист болууну жана биринчи жумушуңузду камсыз кылууну кааласаңыз, анда бул JavaScript үйрөнүү стратегиялары окуу процессиңизди тездетүүгө жардам берет.
Коддоштурууну үзгүлтүксүз түрдө үйрөнүп, жаңы идеяларды үйрөнүп жатканда кылдаттык менен жазып алыңыз жана сизге жеткиликтүү болгон бардык куралдарды колдонуңуз. Баарынан маанилүүсү, ал жакка чыгып, көңүл ачууда коддоону баштаңыз.
Таштап Жооп