Доступ к свойству объекта в одном объекте

Question

У меня есть объект cats так:

var model = { 
    cats: [ 
     { 
      name: "Fossie", 
      url: "", 
      count: 0 
     }, 
     { 
      name: "Bootsie", 
      url: "", 
      count: 0 
     } 
    ], 
    currentCat: cats[0], //error here 
} 

Когда я пытаюсь получить доступ к cats[0], я получаю следующее сообщение об ошибке: ReferenceError: cats is not defined

Если я заменяю cats[0] с this.cats[0] I получить эту ошибку: Uncaught TypeError: Cannot read property '0' of undefined

Невозможно ли получить доступ к объекту объекта в пределах одного и того же объекта? Или мне нужно создать функцию внутри model и инициализировать там currentCat?

Answer 1

Нет, это невозможно. Попробуйте вместо этого:

var model = { 
    cats: [ 
     { 
      name: "Fossie", 
      url: "", 
      count: 0 
     }, 
     { 
      name: "Bootsie", 
      url: "", 
      count: 0 
     } 
    ] 
} 
model.currentCat = model.cats[0]; 

Вы не можете использовать объект, прежде чем он был инициализирован - так, где вы пытаетесь установить currentCat, вы были еще «внутри» intialisation, и ваша модель не была доступна.

После этого кода, модель будет выглядеть следующим образом:

model = { 
    cats: [ 
     { 
      name: "Fossie", 
      url: "", 
      count: 0 
     }, 
     { 
      name: "Bootsie", 
      url: "", 
      count: 0 
     } 
    ], 
    currentCat: { 
     name: "Fossie", 
     url: "", 
     count: 0 
    } 
} 

Answer 2

Dont использовать его внутри модели. Используйте его после определения кошек.

var model = { 
    cats: [ 
     { 
      name: "Fossie", 
      url: "", 
      count: 0 
     }, 
     { 
      name: "Bootsie", 
      url: "", 
      count: 0 
     } 
    ], 
    // currentCat: cats[0], //error here 
} 
model.currentCat = model.cats[0]; 

Надеется, что это будет хорошо для вас

Answer 3

Вы можете сохранить текущий индекс кошки вместо (и доступа к свойству в функции, используя this):

var model = { 
    cats: [ 
     { 
      name: "Fossie", 
      url: "", 
      count: 0 
     }, 
     { 
      name: "Bootsie", 
      url: "", 
      count: 0 
     } 
    ], 
    currentCatIndex: 0, 
    getCurrentCat: function() { 
     return this.cats[this.currentCatIndex]; 
    } 
} 
console.log(model.getCurrentCat());