javascript 對象方法中的新構造函數

Question

嘿，我只是在尋找一個 javascript 解釋來解釋為什么“被調用的構造函數”只被調用一次而不是 5 次？

const Dog = function(name, age){
  this.name = name; 
  this.age = age; 
  console.log('constructor called'); 
}

const obj = { 
  dog: new Dog('roofus', 20)
}

const main = ()=>{
  for(let i = 0; i < 5; i++){
    console.log(obj.dog)
  }
}

main();
'constructor called'
Dog { name: 'roofus', age: 20 }
Dog { name: 'roofus', age: 20 }
Dog { name: 'roofus', age: 20 }
Dog { name: 'roofus', age: 20 }
Dog { name: 'roofus', age: 20 }

Answer 1

您在名為dog的對象上聲明了一個屬性，表達式new Dog(...)立即被評估。 這就是為什么您只看到一個日志的原因，因為構造函數只被調用一次。

這是一個會調用構造函數 5 次的版本：

const obj = {
  // Notice the use of a function here. 
  dog: () => new Dog('roofus', 20)
}

for(let i = 0; i < 5; i++){
    // Call the function here.
    console.log(obj.dog())
}