无法访问 object 内部的 JSON 数据。 财产

Question

我目前正在从事 LitElement 项目。 我使用此代码将 JSON 数据添加到 category.items 属性中，

fetchItems(category) {   
    if (!category || category.items) {
      return;
    }

    this.getResource({
      url: 'data/' + category.name + '.json',
      onLoad(e) {
        category.items= JSON.parse(e.target.responseText);
      },

    });
}

 getResource(rq) {
    let xhr = new XMLHttpRequest();
    xhr.addEventListener('load', rq.onLoad.bind(this));
    xhr.open('GET', rq.url);
    xhr.send();
  }
}

然后我尝试在另一个组件中获取这些数据，但我无法访问 Items 属性。

我用来获取数据的代码，

handleCategoriesyChanged(e) {
    this.categories = e.detail.categories.value; 
    if(this.location!=undefined){
        for(let i=0; i<this.categories.length ;i++){
            if(this.location.params[0]==this.categories[i].name){
                this.item = this.categories[i];
            }
        }
        console.log(this.item);
        console.log(this.item.items);
        console.log(JSON.stringify(this.item, null ,2));
        console.log(this.item.items);
    }   

这是console.log output 进入chrome。

当我调用 object 时，它显示了 items 属性，但我无法访问它。 因此，我尝试了 JSON.stringify 方法，但当时没有显示 items 属性。我在这个网站上遇到了类似的问题，但我无法确定出了什么问题以及为什么会在这种情况下发生这种情况。

Answer 1

看起来你正在改变你的this.item并在你的日志之后的某个地方添加字段items 。 这就是您的 JSON.stringify 中没有关键items的原因。

console.log(this.item); 当您通过引用更改 object 时，记录对this.items的引用和 output 将被更改。

尝试执行这段代码并展开第一个console.log output 看看我在说什么。

var object = {};
console.log(object);
console.log(object.a);
object.a = 'first key';
console.log(object);