Съдържание[Крия][Покажи]
- 1. Подобрете основните си познания
- 2. Използвайте обектно-ориентирана стратегия
- 3. Използвайте функции, дори и да са малки
- 4. Вместо == използвайте ===
- 5. Използвайте JSLint
- 6. Скриптовете трябва да бъдат поставени в долната част на вашата страница
- 7. Най-бързият начин да направите низ
- 8. Добавете коментар към вашия код
- 9. Използвайте шаблонни литерали
- 10. Итератори и for … of Loops
- 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. Най-бързият начин да направите низ
Когато трябва да заобиколите масив или обект, не винаги използвайте своя надежден оператор за цикъл. Използвайте въображението си, за да измислите най-бързото решение на поставената задача. Няма да ви давам числа; просто ще трябва да ми се доверите (или да тествате сами).
Това е най-бързата техника досега.
8. Добавете коментар към вашия код
Първоначално може да изглежда безсмислено, но повярвайте ми, когато казвам, че трябва да коментирате кода си възможно най-често. Ами ако се върнете към проекта месеци по-късно и не можете да си спомните първоначалния си мисловен процес?
Ами ако вашият код трябва да бъде актуализиран от някой от вашите колеги? Важните области от вашия код винаги трябва да бъдат коментирани.
9. Използвайте шаблонни литерали
Ограниченията на низовете, създадени с двойни или единични кавички, са многобройни. За да направите работата с тях много по-лесна, можете да изберете да замените някои от вашите низове с шаблонни литерали.
Символът за обратна отметка (') се използва за изграждане на шаблонни литерали, което има редица предимства. Можете да ги използвате за съхраняване на изрази или за изграждане на многоредови низове.
Както можете да видите, за разлика от конвенционалния низов литерал, конструиран с единични или двойни кавички, не трябваше многократно да влизаме и излизаме от нашия шаблонен литерал. Това минимизира вероятността от грешки при въвеждане и ни позволява да пишем по-чист код.
10. Итератори и for … of Loops
Итераторите са обекти в JavaScript, които имплементират метода next() за връщане на обект, който съхранява следващата стойност в последователност, както и true или false в зависимост от това дали има останали още стойности. Това означава, че ако внедрите протокола на итератора, можете да създавате свои собствени обекти на итератор.
Има някои вградени итератори в 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, за да изпълним резултата от низ, като го предоставим като вход ().
Това не само ще забави значително вашия скрипт, но също така създава значителни проблеми със сигурността, тъй като дава на предадения текст твърде много авторитет. Избягвайте го на всяка цена!
14. Операторът Spread е полезен
Трябвало ли ви е някога да прехвърлите всички елементи в масив като отделни елементи към друга функция или трябва да поставите всички стойности от един масив в друг? Точно това ни позволява да постигнем операторът за разпространение (...). Ето една илюстрация.
15. изчакване и асинхронен
Създайте асинхронни функции, като използвате ключовата дума async, която винаги връща обещание, изрично или косвено.
Ключовата дума await може да се използва в асинхронни функции за спиране на изпълнението, докато разрешаването на връщащите обещания не приключи. Извън вашата асинхронна функция, кодът ще продължи да работи нормално.
16. Използвайте метода include() в Javascript
В JavaScript функцията include() определя дали даден низ съдържа предоставените знаци или дали масив съдържа посочения елемент.
Този метод връща true, ако низът или елементът бъдат открити; в противен случай връща false. Струва си да се спомене, че функцията Strings contains() е чувствителна към малки и малки букви. Ако искате да съвпаднете с низ независимо от регистъра, просто първо напишете малки букви в целевия текст.
17. Премахнете елементи от масив с помощта на Splice
За да премахнат елемент от масив, съм виждал разработчици да използват функцията за изтриване. Това е погрешно, защото вместо да изтрие обекта, методът за изтриване го замества с undefined.
Най-лесният начин да премахнете елемент от масив в зависимост от неговата стойност в JavaScript е да използвате функцията indexOf(), за да получите индексния номер на тази стойност в масива, след което да изтриете тази индексна стойност с метода splice().
18. Използвайте функцията стрелка
Функциите със стрелки са друга важна функция, която току-що беше добавена към JavaScript.
Те имат цял куп предимства. Като начало, те правят функционалните части на JavaScript по-привлекателни визуално и по-лесни за писане. Използването на функции със стрелки обаче прави това много по-четливо и стегнато.
19. С Destructuring можете бързо да зададете променливи стойности
По-рано в тази публикация научихме за оператора spread в JavaScript. Деструктурирането е подобно на деструктурирането по това, че също разопакова данните, съдържащи се в масиви.
Разликата е, че тези неопаковани стойности могат да бъдат присвоени на отделни променливи. Синтаксисът е идентичен с този на прекия път [] при формиране на масив. Скобите обаче този път са поставени от лявата страна на оператора за присвояване. Ето една илюстрация.
20. Направете няколко проекта
Всеки талант изисква постоянна практика, така че се опитайте да създадете различни проекти, за да усъвършенствате способностите си и да придобиете опит с различни сценарии за програмиране.
Докато работите по проектите, ще изпитате няколко предизвикателства и грешки, които ще ви осигурят необходимата експертиза. Така че опитайте се да измислите проекти и в интернет има множество идеи и примери, които да ви помогнат. Продължете да разработвате код и вашите способности ще се подобрят.
Заключение
Може да е трудно да научите компютърен език като JavaScript. Ако сериозно искате да станете добър програмист и да си осигурите първата работа, тогава тези стратегии за обучение на JavaScript могат да ви помогнат да ускорите процеса на обучение.
Уверете се, че практикувате кодиране редовно, водете си задълбочени бележки, докато научавате нови идеи, и използвайте всички инструменти, които са ви достъпни. Преди всичко излезте и започнете да кодирате, докато се забавлявате.
Оставете коментар