将 Fetch 的输出转换为字符串（Javascript）时出现问题 [重复]

Question

我有一个 txt 文件，其中包含我想要阅读的所有意大利语单词 (link) 的列表，然后将其转换为单词数组，但我有点卡在阅读部分。该文件最初是从网上下载的，因此它可能有也可能没有一些编码问题。

要读取文件，我使用的是 Fetch，与this post 的最佳答案中建议的代码相同。阅读后，如果我使用alert(storedText)，则文本正确显示；但是，如果我尝试 var s = storedText.toString() 然后 alert(s) 我在警报框中得到“未定义”。

我猜在读取文件时有一些问题，但我对 JavaScript 比较陌生，我无法弄清楚究竟是什么问题。你们有什么想法吗？

编辑：这是我的完整代码

var storedText;

fetch('http://doodlemarty.unaux.com/wp-content/uploads/2021/08/parole.txt')
  .then(function(response) {
response.setContentType("text/html;charset=UTF-8");
    response.text().then(function(text) {
      storedText = text;
      done();
    });
  });

var s = storedText.toString();
var fullList = storedText.split('\n');

function test () {
//first try:
alert(storedText);
//second try:
alert(s);
//trying split:
alert(fullList[2]);
  };

单击按钮时，我会执行测试功能。

Answer 1

这似乎是一个带有承诺的async 问题。您正在尝试在 fetch 操作中更新其值之前访问 storedText。

试试这个：

var storedText;
var s;
var fullList;

async function callFetch() {
    let response = await fetch('http://doodlemarty.unaux.com/wp-content/uploads/2021/08/parole.txt')
    response.setContentType("text/html;charset=UTF-8");
    let text = await response.text();
    storedText = text;
}

function setVariables() {
    s = storedText.toString();
    fullList = storedText.split('\n');
}

async function test() {
    await callFetch();
    setVariables();
    //first try:
    alert(storedText);
    //second try:
    alert(s);
    //trying split:
    alert(fullList[2]);
};