Javascript工廠功能無法正常運行

Question

根據教程，我正在看這段代碼應該返回“ John Doe”。 目前，它僅返回“ [object，Object]”，我在做什么錯？

<p id="para"></p>

function createPerson(firstName, lastName) {
    return {
        firstName: firstName,
        lastName: lastName,
        getFullName: function() {
            return this.firstName + " " + this.lastName;
        }
    };
}

var person = createPerson("John", "Doe");


document.getElementById("para").innerHTML = person;

有什么想法嗎？

Answer 1

缺少對象鍵功能。您只發布了對象，而沒有在對象中提及功能。因此請提及對象鍵的功能名稱。

像這樣

 1. person.getFullName();// for function call
 2. person.firstName 
 3. person.lastName

欲了解更多信息， 請參閱本文

 function createPerson(firstName, lastName) { return { firstName: firstName, lastName: lastName, getFullName: function() { return this.firstName + " " + this.lastName; } }; } var person = createPerson("John", "Doe"); document.getElementById("para").innerHTML = person.getFullName(); 

 <p id="para"></p> 

Answer 2

function createPerson(firstName, lastName) {
  return {
    firstName: firstName,
    lastName: lastName,
    getFullName: function() {
      return this.firstName + " " + this.lastName;
    }
  };
}

var person = createPerson（“ John”，“ Doe”）;

它只返回“ [對象，對象]”

因為人是那里的對象

document.getElementById("para").innerHTML = person;

如果要打印名字

document.getElementById("para").innerHTML = person.firstName 

如果您要打印lastName

document.getElementById("para").innerHTML = person.lastName 

如果要打印全名

document.getElementById("para").innerHTML = person.getFullName() 

而不是您必須調用該函數的最后一個。