項目場景：

做黑馬的人資項目時，要讀取store中的userInfo里的id值，報Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘id’)錯，起初以為是axios發異步請求的問題，直到后來一直嘗試，終于找到了問題所在！

問題描述

連續訪問對象里的值

例如：我現在user模塊下的state是這樣的，userInfo里的值要等到發請求才會填充

state: {
    token: getToken() || '',
    userInfo: {

    }

請求回來的值是這樣的

那我現在要是還沒請求，userInfo 就還是個空對象，訪問store.user.state.userInfo.data，就是為undefined
但是！！最重要的點來了，如果你接著訪問store.user.state.userInfo.data.id,這時候就不是簡單的undefined
而是 控制臺報錯，Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘id’）

原因分析：

從上面的講解來看，不難知道，你要是訪問對象里不存在的屬性，結果是undefined，但如果你接著還往下訪問，那就會報錯

解決方案：

有兩個辦法解決

1.在userInfo下加一個data

state: {
    token: getToken() || '',
    userInfo: {
      data: {}
    }
  }

像這樣，你訪問userInfo.data就是一個空對象，再訪問userInfo.data.id的話，就是undefined啦！ 就不會報錯了

2.利用？.的訪問方式

store.state.user.userInfo?.data?.id, 利用？.的方式訪問對象中的屬性，要是有一個屬性找不到的話，就會立即返回undefined，
也不會出現報錯的情況

store.state.user?.data?.id