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() 

而不是您必须调用该函数的最后一个。