javascript七基础学习系列三千零七十六:可写流

可写流是底层数据槽的封装。底层数据槽处理通过流的公共接口写入的数据。

  1. 创建WritableStream
    来看下面的生成器,它每1000 毫秒就会生成一个递增的整数:
    async function* ints() {
    // 每1000 毫秒生成一个递增的整数
    for (let i = 0; i < 5; ++i) {
    yield await new Promise((resolve) => setTimeout(resolve, 1000, i));
    }
    }
    这些值通过可写流的公共接口可以写入流。在传给WritableStream 构造函数的underlyingSink
    参数中,通过实现write()方法可以获得写入的数据:
    const readableStream = new ReadableStream({
    write(value) {
    console.log(value);
    }
    });
    WritableStreamDefaultWriter
    要把获得的数据写入流,可以通过流的getWriter()方法获取WritableStreamDefaultWriter
    的实例。这样会获得流的锁,确保只有一个写入器可以向流中写入数据:
    async function* ints() {
    // 每1000 毫秒生成一个递增的整数
    for (let i = 0; i < 5; ++i) {
    yield await new Promise((resolve) => setTimeout(resolve, 1000, i));
    }
    }
    const writableStream = new WritableStream({
    write(value) {
    console.log(value);
    }
    });
    console.log(writableStream.locked); // false
    const writableStreamDefaultWriter = writableStream.getWriter();
    console.log(writableStream.locked); // true
    在向流中写入数据前,生产者必须确保写入器可以接收值。writableStreamDefaultWriter.ready
    返回一个期约,此期约会在能够向流中写入数据时解决。然后,就可以把值传给writableStream-
    DefaultWriter.write()方法。写入数据之后,调用writableStreamDefaultWriter.close()
    将流关闭:
    async function* ints() {
    // 每1000 毫秒生成一个递增的整数
    for (let i = 0; i < 5; ++i) {
    yield await new Promise((resolve) => setTimeout(resolve, 1000, i));
    }
    }
    const writableStream = new WritableStream({
    write(value) {
    console.log(value);
    }
    });
    console.log(writableStream.locked); // false
    const writableStreamDefaultWriter = writableStream.getWriter();
    console.log(writableStream.locked); // true
    // 生产者
    (async function() {
    for await (let chunk of ints()) {
    await writableStreamDefaultWriter.ready;
    writableStreamDefaultWriter.write(chunk);
    }
    writableStreamDefaultWriter.close();
    })();

猜你喜欢

转载自blog.csdn.net/m0_68635815/article/details/143576831