Зміст[Сховати][Показати]
- 1. Покращуйте свої базові знання
- 2. Використовуйте об'єктно-орієнтовану стратегію
- 3. Використовуйте функції, навіть якщо вони невеликі
- 4. Замість == використовуйте ===
- 5. Використовуйте JSLint
- 6. Сценарії слід розміщувати внизу сторінки
- 7. Найшвидший спосіб зробити шнурок
- 8. Додайте коментар до свого коду
- 9. Використовуйте літерали шаблону
- 10. Ітератори та for … циклів
- 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. Ітератори та for … циклів
Ітератори — це об’єкти в 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
Щоб видалити елемент із масиву, я бачив, як розробники використовували функцію видалення. Це помилка, оскільки замість видалення об’єкта метод delete замінює його на undefined.
Найпростіший спосіб видалити елемент із масиву залежно від його значення в JavaScript — скористатися функцією indexOf(), щоб отримати номер індексу цього значення в масиві, а потім видалити це значення індексу за допомогою методу splice().
18. Використовуйте функцію стрілок
Функції зі стрілками — ще одна важлива функція, яку щойно додали до JavaScript.
У них є маса переваг. По-перше, вони роблять функціональні частини JavaScript більш візуально привабливими та легшими для написання. Однак використання функцій стрілок робить це набагато зрозумілішим і лаконічнішим.
19. За допомогою Destructuring ви можете швидко призначати значення змінних
Раніше в цій публікації ми дізналися про оператор поширення в JavaScript. Деструктурування схоже на деструктурування тим, що воно також розпаковує дані, що містяться в масивах.
Відмінність полягає в тому, що ці розпаковані значення можуть бути призначені окремим змінним. Синтаксис ідентичний синтаксису комбінації клавіш [] під час формування масиву. Однак цього разу дужки розміщені ліворуч від оператора присвоювання. Ось ілюстрація.
20. Зробіть кілька проектів
Будь-який талант потребує постійної практики, тому намагайтеся створювати різноманітні проекти, щоб відточити свої здібності та отримати досвід за допомогою різноманітних сценаріїв програмування.
Під час роботи над проектами ви зіткнетеся з кількома труднощами та помилками, які забезпечать вам необхідний досвід. Тому спробуйте придумати проекти, і в Інтернеті є безліч ідей і прикладів, які вам допоможуть. Продовжуйте розробляти код, і ваші здібності покращаться.
Висновок
Може бути важко вивчити комп’ютерну мову, як-от JavaScript. Якщо ви серйозно хочете стати хорошим програмістом і отримати першу роботу, ці стратегії навчання JavaScript допоможуть вам пришвидшити процес навчання.
Переконайтеся, що ви практикуєте кодування на регулярній основі, робите ретельні нотатки, вивчаючи нові ідеї, і використовуєте всі доступні вам інструменти. Перш за все, вийдіть і почніть кодувати, розважаючись.
залишити коментар