javascript - 为什么我的对象中的函数返回未定义？

Question

考虑这段代码:

var MSE = {
    Module : {}
};

MSE.Module = (function() {

    'use-strict';

    var app = {

        tabsPre : function() {

            var tabsPre = {
                init : function() {

                },
                changeTab : function(arg) {
                    return arg;
                }
            };

            tabsPre.init();
            return tabsPre;
        }
    };

    return app;

})();

console.log( MSE.Module.tabsPre() );
console.log( MSE.Module.tabsPre().changeTab() ); // undefined
console.log( MSE.Module.tabsPre.changeTab() ); // Uncaught TypeError: MSE.Module.tabsPre.changeTab is not a function

我正在尝试访问 tabsPre 对象中的 changeTab() ，但我似乎无法访问。最后两个 console.log 语句没有给我所希望的结果。我怎样才能做到这一点？

这是一个 JSFiddle:https://jsfiddle.net/xhb16qL6/

在第一个console.log中，我可以看到该函数在那里:

任何关于我做错的事情的帮助或指导都会很棒。我可能度过了愚蠢的一天，看不到它。

谢谢，米奇

Answer 1

ChangeTab 返回传递给它的参数，并打印未定义，因为您没有传递任何参数，请尝试:

console.log(MSE.Module.tabsPre().changeTab("args"))  //"args"