Conceitos básicos de Fetch

Em poucas palavras

O coração do Fetch são as abstrações da Interface do HTTP Request, Response, Headers, e Body payloads, juntamente com global fetch método para iniciar requisições de recursos assíncronos. Como os componentes principais do HTTP são abstraidos como objetos de JavaScript, torna-se fácil APIs fazer uso das funcionalidades.

Service Workers é um exemplo de uma API que faz um grande uso de Fecth.

Fetch leva a assincronicidade um passo além. A API é completamente baseada em Promise.

Guard

Guard é uma novidade de objetos Headers, podendo assumir os valores de immutable, request, request-no-cors, response, ou none, dependendo de onde o cabeçalho é utilizado.

Quando um novo objeto Headers é criado usando o Headers() constructor, seu guard é configurado como none (o padrão). Quando um objeto Request ou Response é criado, tem um objeto Headers associado cujo guard é resumido a seguir:

Um cabeçalho guard afeta os métodos set(), delete(), e append() os quais mudam o conteúdo do cabeçalho. UmTypeError é lançado se você tentar modificar um objeto Headers objeto cujo "guard" é immutable. De qualquer maneira, a operação vai funcionar se

• guard for um request e o name de cabeçalho não for Forbidden request header .
• guard for request-no-cors e os name/value de cabeçalho for simple header .
• guard for response e o name de cabeçalho não for forbidden response header name .