ReadableStream

Пример создания потока на чтение

https://github.com/garevna/js-course/wiki/ReadableStream

_____________________________________________________________

const textStream = new ReadableStream({
start( controller ) {
let messages = [
"How do you use the Streams API’s readable stream functionality?",
"The Fetch API allows you to fetch resources across the network",
"The body property is a simple getter exposing the body contents as a readable stream",
"You can consume Fetch Body objects as streams and create your own custom readable streams",
"The ReadableStream interface of the Streams API represents a readable stream of byte data"
]
while ( messages.length ) {
controller.enqueue( messages.shift() )
}
controller.close()
}
})

_____________________________________________________________

Чтение потока

_____________________________________________________________

function readStream ( stream, container ) {
const reader = stream.getReader()
reader.read().then(
function getChank ( { done, value } ) {
if ( done ) return
container.putChank ( value )
return reader.read().then( getChank )
}
)
}

_____________________________________________________________

Контейнер для вывода данных

_____________________________________________________________

const messageBox = document.body.appendChild (
document.createElement ( "section" )
)

messageBox.putChank = function ( chank ) {
this.appendChild (
document.createElement( 'p' )
).textContent = chank
}

_____________________________________________________________

Вызов функции readStream

_____________________________________________________________

readStream ( textStream, messageBox )