如何在JavaScript中调用对象方法返回值设置DOM元素内容

核心问题很明确：你定义的fullname是一个方法（函数），直接写myData.fullname拿到的是函数本身，必须加括号()执行它才能得到拼接后的全名结果。

给你可直接运行的示例代码：

// 定义带方法的JavaScript对象
const myData = {
  firstname: "John",
  lastname: "Doe",
  // 定义fullname方法，用this访问对象自身属性
  fullname: function() {
    return `${this.firstname} ${this.lastname}`;
  }
};

// 正确调用方法并更新DOM
document.getElementById("targetElement").innerHTML = myData.fullname();

补充说明：

• 用this.firstname和this.lastname可以访问对象自身的属性，确保方法能拿到最新的属性值。
• 注意区分JSON和JavaScript对象：JSON是纯数据格式，不支持方法；但你这里是在JavaScript对象中定义方法，完全合法可行。
• 如果你用ES6语法，也可以把方法简写为fullname() { ... }，效果和上面的函数写法一致。

内容的提问来源于stack exchange，提问作者deadlyBuzz