Arhn - архитектура программирования

В чем преимущество обертывания fetch в обещание?

Я вижу, как люди заключают метод fetch в обещание. Я не могу понять выгоду от этого? Fetch сам возвращает обещание, и вы можете извлечь из него то, что вам нужно.

let url = 'https://jsonplaceholder.typicode.com/users';

fetch(url)
 .then(function(response){
   //console.log(response.json());
   return response.json();

 })

 .then(function(data){
   console.log(JSON.stringify(data));
 })

 .catch(function(err){
 //console.log(err);
 err = 'this is an error';
 console.log(err);
 })

по сравнению с этим

return new Promise((resolve, reject) => {
  fetch(url)
  .then(res => res.json())
  .then(data => resolve(data))
  .catch(err => reject(err));
});

  • Пользы ноль. Это распространенная ошибка, которую люди допускают при использовании промисов. (Если Promise не относится к нативному промису, правильный способ его обернуть — Promise.resolve, а не конструктор.) 27.05.2019

Ответы:


1

«Он возвращает обещание, которое разрешается в ответ на этот запрос, независимо от того, успешен он или нет».

Источник

Бессысленно. Это просто то, что делают люди, которые, вероятно, привыкли работать с такими вещами, как jQuery Deferreds, которые не имеют надлежащей реализации A+ Promise. Если бы вы хотели, вы могли бы сделать это, если бы вы использовали что-то вроде Bluebird, я думаю, но это более или менее бессмысленно.

27.05.2019

2

На самом деле есть смысл. Я приведу вам три примера, где этот сценарий очень полезен.

  1. Допустим, у нас есть много мест, в которых мы вызываем дистанционный отдых API. Может быть, сотни страниц или даже больше. И теперь нам нужно вставлять пользовательский заголовок в каждый отправляемый запрос. Хм... Если бы у нас была наша обертка, вызываемая из многих мест, а затем одна выборка из нашей обертки, то мы можем просто добавить новый заголовок внутри нашей обертки, и все вызовы будут содержать новый заголовок.

  2. Мы провели рефакторинг нашего кода, и теперь у нас есть новая блестящая оболочка для fetch. Мы вставили наш собственный заголовок, и все работает нормально. Но через некоторое время мы обнаружили, что, скажем, axios — гораздо лучшая библиотека, чем использование fetch. К счастью (ха!) мы завернули выборку и теперь осталось единственное место для рефакторинга. Если бы мы этого не сделали, нам пришлось бы пройти сотни или даже больше мест, чтобы изменить... Теперь у нас есть возможность даже не просто изменить его, а реализовать что-то вроде "Стратегического шаблона", где мы можем использовать один или другой (fetch или axios), который мы можем динамически переключать.

  3. Поскольку мы оборачиваем эти реализации, мы контролируем наш интерфейс, который мы будем использовать в дальнейшем в нашем коде. Если какая-то обернутая третья библиотека изменится, например. его имя свойства, мы исправим это только в нашей оболочке. Остальная часть нашего приложения использует наш интерфейс, который остается неизменным.

Краткий обзор: когда вы его переносите, у вас теперь есть только одно место для изменения, если возникнет необходимость в этом изменении, также вы можете переключать несколько реализаций в будущем. Это хорошая практика, особенно при работе со сторонними библиотеками, заключать их в оболочку или создавать адаптеры.

Надеюсь это поможет.

11.04.2020
  • Вы отвечаете на вопрос В чем преимущество включения fetch в функцию?. Это не то, что спросили. 11.04.2020
  • Вы правы, я пропустил момент. 17.04.2020
  • Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..