Можно ли определить вложенное свойство объекта через литерал {} в js

Question

[Alex Pts]

В JavaScript можно создавать объекты через литерал {}.
Возможно ли через литерал описать такую структуру объекта и если да, то как?

var o = {};
o.level1 = function(){ ...};
o.level1.sub = 2;

Answer 1

[Андрей Кунцевич]

видимо вас на гугле забанили.
javascript.ru

Comments

[Alex Pts]

Вы этим хотите сказать, что так через литерал сделать нельзя? Не совсем понимаю позицию в этом вопросе.

Answer 2

[DIvan4ik]

 var o = {
     level1:(function(){
         var f = function(){};
         f.sub = 2;
         return f;
     }())
 }    

Comments

[Alex Pts]

Будет работать, но это уже не литерал )) и свойство o.level1.sub неравноправно и ненаглядно по отношению к level1. Просматривая быстро глазами свойства объекта мы вряд ли тело функции будем смотреть, чтобы понять, что объект расширился. Это пока всех ближе, к тому синтаксису как я сам делаю сейчас :) и похоже на вариант предложенный quakin:

var o = {
     level1: function(){
         o.level1.sub = 2; // this.sub если без new вызывать
         return function(){};
     }()
 }    

[DIvan4ik]

На момент объявления свойств и методов объекта "o" самого объекта не существует в области видимости, поэтому явно присвоить свойство или метод этому объекту нельзя. Возможно для того, что бы код лучше читался, не стоит искать мудреные конструкции, а объявить объект так, как он объявлен в вопросе.

p.s Вы пробовали ваш вариант запускать?
p.p.s. На всякий случай, если вы любитель экзотики:

var o = ({
     level1:  function(){},
     extend: function(){
       this.level1.sub = 2;
       delete(this.extend);
       return this;
     }
 }).extend()

[Alex Pts]

Да, объект не объявлен, вы правы )

Ну следующий пример не упрощает восприятие точно )

Answer 3

[quakin]

Так:

var o = {
	level1 : function(){},
	level2 : {sub:2}
};

Comments

[Alex Pts]

levev2 это уже другое свойство. Итоговое обращение должно быть o.level1.sub

[quakin]

Если в вопросе не было опечатки,
и вместо level2 оба раза встречается level1, тогда сработает такой код:

var o = {
	level1 : new function(){this.sub=2; /*...*/ },
};

В таком случае можно напрямую обращаться к свойству o.level1.sub,
но стоит помнить, что вызвать функцию o.level1() не получится,
т.к. o.level1 в этом случае — объект, созданный через конструктор («new function»),
а код на месте /*...*/ выполнится один раз в момент создания объекта.

[Alex Pts]

Да, ровно и также как если бы level1 была не функцией, а например число. Т.е. логически скорее всего через литерал нельзя так определить сразу. Использовать вложенность не хочется, как раз по причине, что через литерал все равноправно и наглядно видно.

В вашем примере обращаться к функции можно будет, если конструктор вернет новую функцию, но это не через литерал уже.

[quakin]

Если o.level1 — число, то создать нечто вроде o.level1.sub нельзя, т.к. свойства бывают только у объектов. Вроде так.

Answer 4

[DIvan4ik]

<удалено>

Answer 5

[mayorovp]

function callable(dict) {
  var run = dict.$run;
  foreach (var k in dict)
    run[k] = dict[k];
  return run;
}

var o = {
  level1: callable({
    $run: function() {...},
    sub: 2
  })
};

Как мне кажется, получилось достаточно похоже на литерал.

Answer 6

[Александр Кит]

В вашем варианте возможны 2 варианта, или создание функции со свойствами через анонимный scoop, или ака Object.extend: underscore

var obj = {
    level1: _.extend(function() {}, {
         sub: 2
    })
}

Comments

[quakin]

У меня такое не работает: ReferenceError: _ is not defined
Запускал в Rhino и в Хроме.
UPD: вижу что нужна библиотека Underscore.js

[Александр Кит]

quakin, функция extend тривиальна, можно и свою использовать:

function obj_extend(target, source){
    if (source == null)
        return target;

    for(var key in source) 
        target[key] = source[key];
    
    return target;
}

Заметьте, не использую hasOwnProperty check, если это критично, можно добавить