14

我正在尝试将 ES7 async/await与fetch. 我知道我很接近，但我无法让它工作。这是代码：

class Bar {
    async load() {
        let url =  'https://finance.yahoo.com/webservice/v1/symbols/goog/quote?format=json';
        try {
            response = await fetch(url);
            return response.responseText;
        } catch (e) {
            return e.message;
        }
    }
}

我使用如下：

let bar = new Bar();
bar.load().then(function (val) {
    console.log(val);
});

演示

catch出于某种原因，我总是带着信息进入

response is not defined

有什么建议我做错了吗？

更新：正如评论中所建议的，这可能是一个问题fetch，所以我尝试了一个简化的（ES5）版本：

<!doctype html>

<html>
    <head>      
        <script>
            var url =  'https://finance.yahoo.com/webservice/v1/symbols/goog/quote?format=json';
            fetch(url, {method: 'get', mode: 'cors'}).then(function (response) {
                       console.log(response.responseText);
               });
        </script>
    <head>

   <body></body>
<html>

并且仍然不起作用:(但是，如果我替换 fetch 它可以工作：

var request = new XMLHttpRequest();
request.open("GET", url, false);
request.send(null);
console.log(request.responseText);
4

1 回答 1

15

您忘记声明response为变量。类代码始终是严格的代码，你不会因为隐含地分配给全局变量而逍遥法外。相反，它会抛出一个ReferenceError.

除此之外，Response对象没有responseText像 XHR 这样的属性，它们确实有一个.text()等待接收主体并返回承诺的方法。

class Bar {
    async load() {
        let url =  'https://finance.yahoo.com/webservice/v1/symbols/goog/quote?format=json';
        try {
            let response = await fetch(url);
//          ^^^^
            return await response.text();
//                                ^^^^^^
        } catch (e) {
            return e.message;
        }
    }
}
于 2015-09-28T13:18:30.880 回答