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