以JavaScript对象文字表示法设置函数的属性

Question

var api = {};

api.c = function () {return 1};
api.c.m = function () {return 2};

alert(api.c()); // returns 1
alert(api.c.m()); // returns 2

var api2 = {
    c: function () {}; // can't put m inside c in object literal notation
};

我们如何在对象文字符号中将m嵌入c中？

Answer 1

你不能 但是，你可以做

Object.defineProperty(api.c, 'm', { value: function() { return 2; } });

由于Object.defineProperty返回对象，因此您可以执行

var api = {
    c: Object.defineProperty(function() { }, 'm', {
        value: function() { return 2; }
    })
};

或针对多个属性：

var api = {
    c: Object.defineProperties(function() { }, {
        m: { value: function() { return 2; } },
        ...
    })
};

这可能最接近满足您以对象文字形式编写函数属性的需求。

或者，您可以使用大多数框架中可用的extend功能（或ES6中的Object.assign ）：

var api = {
    c: Object.assign(function() { }, {
        m: function() { return 2; }
    )
};

随意用$.extend ， _.extend . _.extend等替换Object.assign 。

根据您对丑陋的容忍度，您可以尝试以下操作，对@zerkms的建议进行变体而不使用IIFE（您需要一个变量x ）：

var api = {
    c: (x = function() { }, x.m = function() { return 2; }, x)
};

Answer 2

从技术上讲这是可能的，但是很难看

var api2 = {
    c: (function() {
        var f = function() {};
        f.m = 'something else';

        return f;
    }())
};

因此，我个人认为这样做的理由不是您在第一种情况下的做法，而是一个很好的理由。