JS对象文字中的方法和子方法

Methods and sub-methods in JS object literals

本文关键字：方法 子方法 对象 文字 JS      更新时间：2023-09-26

因此，如果我在Javascript中声明一个对象，如下所示：

var myhouse = {
    room: {
        bed: function() { return "sleep"; }
    }
}

我可以打电话给：

myhouse.room.bed();

我可以制作一个只需即可调用的方法吗

myhouse.room();

我不能只说：

var myhouse = {
    room: {
        function() { return "stuff"; },
        bed: function() { return "sleep"; }
    }
}

它是无效的。那么我错过了什么？这样做是个好主意吗？

你不能用单个文字来完成，你需要一个额外的赋值来设置函数的属性：

var myhouse = {
    room: function() { return "stuff"; }
};
myhouse.room.bed = function() { return "sleep"; };

要使其成为单个表达式，您可以使用IEFE

var myhouse = {
    room: (function(){
        var room = room = function() { return "stuff"; }
        room.bed = function() { return "sleep"; };
        return room;
    })()
};

或者逗号运算符（非常不可读，但有效）：

var myhouse = {
    // using myhouse as an already declared variable
    room: (myhouse = function() {return "stuff";},
           myhouse.bed = function() {return "sleep";},
           myhouse)
};

如果您知道函数也是对象，则可以使用这样的语法。

var room = function() { return "stuff"; }
room.bed = function() { return "sleep"; };
var myhouse = { room: room };
myhouse.room(); // stuff
myhouse.room.bed(); // sleep

或

var myhouse = { room: function() { return "stuff"; } };
myhouse.room.bed = function() { return "sleep"; };
myhouse.room(); // stuff
myhouse.room.bed(); // sleep
相关文章：