javascript - Turbo 无法读取未定义的属性

Question

我正在按照本教程 ( https://www.turbo360.co/tutorial/audio-streaming-app ) 创建一个音频流网站，该网站允许用户将音乐文件上传到他们的页面。但是，当用户首次登录且未上传任何文件时，我收到以下错误:app.js:67 未捕获类型错误:无法读取未定义的属性“forEach”有人知道为什么我无法让它工作吗？这是我的代码:

var renderTracks = function(){
    if (currentUser == null)
        return

    var tracksList = ''
        currentUser.tracks.forEach(function(track, i){
            tracksList += '<tr><td style="width:130px"><a 
            target="_blank" href="' + track.url + '"><img 
            src="/dist/images/playbutton.png" alt="..." /></a></td>'
            tracksList += '<td><h5><a target="_blank" href="' + 
            track.url + '">' + track.name + '</a></h5><p>Uploaded: ' 
            + track.timestamp + '</p></td>'
            tracksList += '<td><h4 class="price">$40</h4></td></tr>'
        })

    $('#tracks-table').html(tracksList)
}

我尝试创建一个 if 语句，在用户登录之前创建一个跟踪数组，但它不起作用。如有任何帮助，我们将不胜感激。

Answer 1

我对应用程序其余部分的上下文了解不够，但听起来 currentUser 存在并且您到达下一个 block ，但轨道键不存在。当您遇到这些类型的情况时，我建议您只需放置一个 console.log 语句，然后看看您会得到什么；即:

var renderTracks = 函数(){ if (当前用户 == null) 返回

var tracksList = ''

    console.log(JSON.stringify(currentUser))

    currentUser.tracks.forEach(function(track, i){
        tracksList += '<tr><td style="width:130px"><a 
        target="_blank" href="' + track.url + '"><img 
        src="/dist/images/playbutton.png" alt="..." /></a></td>'
        tracksList += '<td><h5><a target="_blank" href="' + 
        track.url + '">' + track.name + '</a></h5><p>Uploaded: ' 
        + track.timestamp + '</p></td>'
        tracksList += '<td><h4 class="price">$40</h4></td></tr>'
    })

$('#tracks-table').html(tracksList)

}