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, может помочь начинающим, таким как я, понять ее, и определенно есть много других подходов.

Спасибо!