JavaScript ❤
Изучение JavaScript — увлекательная задача. Когда я начал изучать программирование в надежде перейти от моего первого console.log('hello world') к манипуляциям с массивами, мои поисковые запросы в Google часто возвращались к ресурсам MDN (Mozilla Developer Network). или документации. Хотя я очень полюбил документацию MDN для JS, это не всегда было так, потому что я не понимал ее. На основе своего опыта я попытаюсь объяснить, как подходить к документации MDN базовым образом, что, я надеюсь, будет полезно для начинающих, и покажу краткий обзор того, как использовать ее для написания кода.
Совет 1. Не переусердствуйте
Я: Когда я наткнулся на свою первую статью MDN с информацией о том, как использовать метод сокращения в массиве. Я наткнулся на такую ссылку. Да, это тот, кого вы ищете. Я тоже наткнулся на это и понятия не имел, что означает Array.prototype.reduce, и подумал, что это может быть неправильно.
На более высоком уровне я узнал, что большинство методов Array в MDN будут указывать Array.prototype.methodName, потому что JS Array — это тип объекта, который имеет встроенный метод с именем Array.prototype. Значение Array.prototype — это массив, содержащий все доступные методы, которые можно использовать в массивах.
Забавный факт: создайте собственный метод массива
Создайте функцию, используя Array.prototype.methodName
Введите Array.prototype, и вы увидите созданный метод, а также сможете получить доступ к созданному методу:
Назад к МДН
Совет 2. Сосредоточьтесь, спрашивайте и находите ответы
Я: Я помню, как открыл MDN и был ошеломлен демонстрационным кодом, который я не понимал. В отличие от того, что было раньше, вопросы, на которые я хочу ответить, таковы:
Что делает этот метод (поведение)?
Вааааааааааааат: Ладно, не буду врать, я помню, что мне было трудно это понять, но, оглядываясь назад, JS не так прост, помните, сосредоточьтесь и попробуйте еще раз. Прохладный. Все, что мы знаем, это то, что reduce — это метод или функция массива, которая воздействует на каждый элемент массива, при этом на выходе получается одно значение.
Что он возвращает?
Итак, он возвращает одно значение. Здорово.
Каковы его аргументы/параметры?
Как заставить этот метод работать?
В веб-документах MDN для сокращения и, как и для многих других методов, есть полезные примеры того, как работает этот метод. Например, следующий шаг, который я часто предпринимаю, — поиграть с примером кода, чтобы попытаться понять, как он работает. В этом случае вывод примера кода представляет собой одно число10, указывающее, что при уменьшении добавлены все числа в массиве.
Из MDN мы понимаем, что необходимые параметры для работы сокращения — это функция обратного вызова, аккумулятор и текущее значение, остальные являются необязательными. Аккумулятор в этом случае число, если не указано, будет начинаться с нуля, и если не указано, currentIndex будет начинаться с 0, что в этом случае currentValue с индексом 0 равно 0, и у MDN есть отличная информация о том, что происходит в каждую итерацию.
И это все!
Главные выводы. Хотя веб-документы MDN могут поначалу немного пугать, помните, что они были созданы разработчиками для разработчиков, и вы можете использовать этот ресурс в своих интересах. Я надеюсь, что способ, которым я подхожу к документации MDN, может помочь начинающим, таким как я, понять ее, и определенно есть много других подходов.
Спасибо!