Как в JS добавить свойство объекта через метод этого же объекта?

Question

[Majak]

Это, наверное, не должно быть сложно, но сижу битый час и не догоняю. Помогите догнать.


var attr = {

    add: function(name, val) {

        this.name = val;

    }

};

attr.add('title', 'Title');

attr.add('href', '#');


В Итоге получаю закономерный вывод:

attr.name = '#'


Но как заставить работать ту логику за которой я гонюсь :)

attr.title = 'Title'

attr.href = '#'


Даже не знал как правильно и доходчиво составить воспрос.


Спасибо.

Comments

[Bagobor]

странно что вопрос по JS в хабе Objective C

[Majak]

Видимо, когда задавался вопрос, хабов ещё не было, а потом, возможно, автоматически или по воле случайности прицепили к Objective-C

Answer 1

[Majak]

Не знаю на сколько и чем такой способ плох, но вроде работает :)
var attr = {
add: function(name, val) {
this[name] = val;
}
};
ну вот, сам спросил и сам ответил.

Но было бы инетресно услышать правильный ответ :) Спасибо.

Comments

[B@rmaley.e><e]

Этот и есть правильный.

[Евгений]

var obj = {
    name :  'John Doe'
};
var name = 'xyz';

obj.name; // обращение к свойству obj.name
obj[name]; // обращение к свойству obj.xyz

Объекты Javascript в примерах

Answer 2

[s0rr0w]

А зачем такие сложности с методом, если можно использовать просто

attr.title = 'Title';
attr.href = '#';

И будет тот же результат…

Comments

[Majak]

«что написано пером — не вырубишь и топором» — Комменты на хабре не удаляются и не исправляются.

не там тебе ответил

если коротко то с таким методом можно автоматически создавать разные объекты img.src и a.href

Answer 3

[Majak]

«если звезды зажигают — значит — это кому-нибудь нужно»

К примеру у тега могут быть разные атрибуты, какие именно (class id style selected или специальные какие-нибудь) заранее неизвестно.
А так автоматически можно создавать объект, только с теми атрибутами которые есть у того тега
в одном случае мы получим a.attr.href и a.attr.title, а в другом img.attr.alt и img.attr.src

Comments

[s0rr0w]

Атрибуты элементам можно присваивать двумя способами: DOM Level 0 и DOM Level 2+

Например, node.id = «myID» идентично записи node.setAttribute(«id», «myID»), потому что применение свойства id отражается на атрибуте.

Однако запись node.x = 1 не идентично node.setAttribute( «x», 1 ), и будет создано свойство x и атрибут x.

Таким образом, если нужно устанавливать атрибуты, то лучше это делать через setAttribute.

Чтобы обращаться к свойству с именем из значения переменной, нужно использовать запись: obj[varName]

[Majak]

спасибо

[hf35]

>>Однако запись node.x = 1 не идентично node.setAttribute( «x», 1 ), и будет создано свойство x и атрибут x.
За исключением IE. В нем идентично.