javascript - 内部函数返回父函数，如何？

Question

这个问题已经有答案了:

How does the "this" keyword work, and when should it be used? (22 个回答)

已关闭 6 年前。

我正在经历一种 JavaScript 模式，即链接。

这里我有这样的代码

function thisFunc(fullName){
    var that = this;
    this.firstName = function(name){
        fullName = fullName + name;
        return this;
    };

    this.lastName = function(name){
        fullName = fullName + ' ' + name;
        return that;
    };

    this.show = function(callback){
        callback(fullName);
        return that;
    };
}

var x = new thisFunc('');
x.firstName('Karthikeyan').lastName('Sundararajan').show(function(result){
    console.log(result);
});

var y = new thisFunc('');
console.log(y.firstName('Karthik'));

在最后一行，打印函数firstName的返回值，我得到这样的输出。

thisFunc { firstName: [Function], lastName: [Function], show: [Function] }

为什么它返回 thisFunc，它是firstName的父级，我预计它会返回firstName。当我说“返回这个”和“返回那个”时，我看到了相同的结果。

Answer 1

因为firstName()的返回是实际的父函数。如果您希望它返回 firstName 函数，则不要调用它，只需执行

console.log(y.firstName);

我希望我正确理解了你的问题。