obj 有时是未定义的，有时却可以完美运行

Question

在计算属性中，我试图将从 API 接收到的 ID 与对象数组进行匹配，其中 ID 键也是从 API 接收的，并从匹配的 ID 对象中检索名称键。obj 变量偶尔会抛出“obj 未定义”错误，但不一致。我认为这与 ID 异步有关。将函数从箭头更改为经典函数，以免与 this 范围混淆。  data() {    return {      upComing: [],      popular: [],      topRated: [],      playingNow: [],      details: [],      genres: []    }  },  computed: {    genre: function() {      let list = this.upComing[0] ? this.upComing[0].genre_ids[0] : 0      let obj = this.genres.find(function(o) {        return o.id === list      })      return obj.name    }  },  created() {    let self = this    APIService.getUpcoming()      .then(response => {        self.upComing = response.data.results        //console.log(this.upComing)      })      .catch(error => {        console.log(`There was an error: ${error.response}`)      }),      APIService.getGenres()        .then(response => {          this.genres = response.data.genres          //console.log(this.genres)        })        .catch(error => {          console.log(`There was an error: ${error.response}`)        })  }}我明白这个TypeError: "obj is undefined"和这个[Vue warn]: Error in render: "TypeError: obj is undefined"并且每次抛出它们两次。所以我在控制台中有 4 个错误，但只有这 2 个错误，延迟 1 秒。