JavaScript对象调用函数打印时出现Undefined问题求助

AI 小北

2026-8-18

问题原因与解决方法

为什么会出现undefined？

JavaScript中，函数如果没有显式使用return语句返回值，默认会返回undefined。

看你的代码：

let user = {
    firstname:'faiz',
    lastname:'mohammed',
    fun : function()  {
        let full_name = (this.firstname + " " + this.lastname);
        console.log(full_name); // 这里仅打印内容，但没有返回值
        },
}

console.log(user.fun());

执行时会分两步：

调用user.fun()，函数内部执行console.log(full_name)，输出faiz mohammed；
因为fun()没有返回值，默认返回undefined，所以外层的console.log()会把这个undefined也打印出来。

而直接拼接的代码console.log(user.firstname + " " + user.lastname)是直接把拼接好的字符串传给console.log，没有函数返回值的问题，所以只会输出一次名字。

两种解决办法

方法1：让函数返回结果，外层打印返回值

修改fun函数，添加return语句返回拼接好的名字，这样外层console.log就会打印函数返回的字符串，而非undefined：

let user = {
    firstname:'faiz',
    lastname:'mohammed',
    fun : function()  {
        let full_name = this.firstname + " " + this.lastname;
        return full_name; // 返回拼接结果
        },
}

console.log(user.fun()); // 打印函数返回的字符串

执行输出：

faiz mohammed

方法2：直接调用函数，不用外层套console.log

如果函数内部已经负责打印，直接调用函数即可，不需要再用console.log包裹：

let user = {
    firstname:'faiz',
    lastname:'mohammed',
    fun : function()  {
        let full_name = this.firstname + " " + this.lastname;
        console.log(full_name);
        },
}

user.fun(); // 直接调用，内部已完成打印

执行输出：