javascript - 我应该如何配置我的 Visual Studio Code launch.json 以使其显示变量和属性值？

Question

我是 VSC 的新手，在查看了我承认失败的 VSC 文档后，我不知道如何让变量面板（左）工作。我真正担心的是，在“调试器控制台”中没有显示对象的属性和值，我无法跟踪更新的内容和未更新的内容。

我的代码：

var collection = {
    2548: {
      albumTitle: 'Slippery When Wet',
      artist: 'Bon Jovi',
      tracks: ['Let It Rock', 'You Give Love a Bad Name']
    },
    2468: {
      albumTitle: '1999',
      artist: 'Prince',
      tracks: ['1999', 'Little Red Corvette']
    },
    1245: {
      artist: 'Robert Palmer',
      tracks: []
    },
    5439: {
      albumTitle: 'ABBA Gold'
    }
  };
  

  // Only change code below this line
  function updateRecords(object, id, prop, value) {
    if (value === '') {
      delete object[id][prop];
    }
    else if (prop === 'tracks') {
      object[id][prop] = object[id][prop] || [];
      object[id][prop].push(value);
    } else {
      object[id][prop] = value;
    }
    return object;
   
  }
 
  console.log(updateRecords(collection, 2468, "tracks", "Free"));

预期输出（我在 linux 中使用 node 运行它，它工作正常）：

{
  '1245': { artist: 'Robert Palmer', tracks: [] },
  '2468': {
    albumTitle: '1999',
    artist: 'Prince',
    tracks: [ '1999', 'Little Red Corvette', 'Free' ]
  },
  '2548': {
    albumTitle: 'Slippery When Wet',
    artist: 'Bon Jovi',
    tracks: [ 'Let It Rock', 'You Give Love a Bad Name' ]
  },
  '5439': { albumTitle: 'ABBA Gold' }
}

标签： javascriptvisual-studio-code

Answer 1

你设置断点了吗？“没有可用的调试器......”意味着您的调试会话已经完成，因此您无法访问变量。