Javascript函数有子函数/变量

Question

这是工作代码：

var test = function ()
{
    console.log(test.data);
};

test.data = 'hello';

test.set = function (data)
{
    test.data = data;
};

test.set('Test');
test();

这将 Test 输出到我的 JavaScript 控制台。 现在我想知道是否有办法使用这样的东西来做到这一点？

var test = {
    this: function ()
    {
        console.log(test.data);
    },

    data: 'hello',

    set: function (data)
    {
        test.data = data;
    }
};

Answer 1

正如我在评论中所写，您不能使对象“可调用”。但是，您可以从第一个示例开始自动化该过程：

function extend(func, props) {
    for(var prop in props) {
        if(props.hasOwnProperty(prop)) {
            func[prop] = props[prop];
        }
    }
    return func;
}

然后使用以下命令调用它：

var test = extend(function(){
    console.log(test.data);
},
{
    data: 'hello',    
    set: function (data) {
        this.data = data;   // note that I changed it to `this.data`
    }
});

DEMO

---

也就是说，我认为你不应该使用这样的函数。如果您只有一个“普通”对象并使用 obj.method() 调用每个方法而不是 obj() ，那么会更容易理解。

至少你必须非常仔细地记录这一点。

Answer 2

这样做怎么样：

function Test () {
  this.data = 'hello';
  this.set = function (data)
    {
        test.data = data;
    }
  this.log = function ()
    {
        console.log(test.data);
    }
}

var test = new Test ();
test.set('Test');
test.log();

这样做的好处是可以轻松创建新实例。

---

如果你只是想要一次性的，我会说你自己的建议几乎就是你想要的：

var test = {
    log: function ()
    {
        console.log(test.data);
    },

    data: 'hello',

    set: function (data)
    {
        test.data = data;
    }
};

test.set('Test');
test.log();

但也许你的问题是如何避免“.log”部分？

Answer 3

您可以将任何函数存储在对象的属性下。你可以调用它们：

let f = { fun1: function () 
                {
                     return 1; 
                } 
        };
f.fun1();

将会完美地工作。我不确定您是否可以使用“this”作为属性名称，因为它是关键字。这可能没有问题，但可能会产生误导。