JavaScript (react native)怎么把子函数的 Cookie 传递给父函数?

[a302800411]

大概就是,fu 函数还要继续使用 zi 函数的 cookie,两个 fetch 写在一个区块里没有问题,但是重构出一个单独函数,cookie 就没了,才开始学 js,不知道怎么传递这个关系

zi(){ fetch('http://xxx', { credentials: "same-origin", }); }
fu(){ zi(); fetch('http://xxx', { credentials: "same-origin", }); }

[hyzjshwo]

保存需要用的 cookie 不行吗？
比如 cookies = {credentials: "same-origin",anotherKey:"value"}
zi(cookies){ fetch('http://xxx', cookies); }
fu(cookies){ zi(cookies); fetch('http://xxx', cookies); }
持久化可以用 RN 的 AsyncStorage
不知道我理解对了吗？

[a302800411]

@hyzjshwo fetch 的 cookie 可以导出来吗? zi ()执行的目的就是初始化 cookie,原本是空,我来试试

[hyzjshwo]

看文档 [SameObject] readonly attribute Headers headers;

[hyzjshwo]

https://fetch.spec.whatwg.org/#response-class
发得太快了

[murmur]

@hyzjshwo 标准是标准 但是 rn 官方文档的例子可是写了能改 headers 的

[hyzjshwo]

@murmur
1 ，我给楼主的文档是 response-class ， RN 官方文档中 set header 的例子是 request-class
2 ，当然 fetch 这个是个抽象标准，各家具体实现会不一样

[malcolmyu]

应该不用手动配置，理论上来说 fetch 自动管理 cookie 了。感觉应该是 fetch 请求的域名在 response 的时候没有 set-cookie 头部，由于在 zi() 函数中清理掉了，导致后续的请求都没法携带 cookie 。

[a302800411]

@hyzjshwo
@murmur
@malcolmyu
我有点迷 刚才发现问题可能不是处在函数上 而是 RN 里所有的 fetch 都是异步执行的....
fetch 1
fetch 2
fetch 3
执行顺序是并发的.....有没有办法能让他们顺序执行?
尝试了写在 then 函数里,但没用,then 函数里的 fetch 不执行....

[malcolmyu]

@a302800411 异步执行本身没有问题啊，只要第一个请求响应有 set-cookie 的 header ，后续的 fetch 就应该会带有 cookie 。 fetch 函数返回的是一个 promise ，如果想要顺序执行，可以在 then 里返回一个 fetch ，下一个 then 链就可以获得 then 的结果了。不执行可能是出现了异常，可以在 then 链的最后加一个 catch 试一下。