Запуталась с this

[amelice]

var globalObject = {  setClasses: {    next: function (el) {      console.log(el);    },    prev: function () {    }  },  moveElems: {    top: function () {         //как обратиться к setClasses.next(someElem)?    },    left: function () {    }  }}

Привет всем!

Вопрос в коде, мне нужно из свойства top объекта moveElems обратиться к свойству next объекта setClasses.  this внутри свойства top будет обращаться к moveElems, а как обратится globalObject, чтоб можно вызвать setClasses.next(someElem)?

 

[Great Rash]

В данном случае никак, т.к. объект globalObject еще не будет создан на момент обращения.

 

Наврал:

var globalObject = {  setClasses: {    next: function (el) {      console.log(el);    },    prev: function () {    }  },  moveElems: {    top: function () {         globalObjec.setClasses.next('xxx');    },    left: function () {    }  }}

[amelice]

 

В данном случае никак, т.к. объект globalObject еще не будет создан на момент обращения.

 

Наврал:

var globalObject = {  setClasses: {    next: function (el) {      console.log(el);    },    prev: function () {    }  },  moveElems: {    top: function () {         globalObjec.setClasses.next('xxx');    },    left: function () {    }  }}

Спасибо, мне кажется странным внутри объекта globalObject обращаться к нему же через его имя.  Так нормально писать код, я имею в виду синтаксически или вообще по правилам?

[Great Rash]

Нормально, почему нет.

[nerv]

@amelice, переменные - существительные, функции - глаголы. Т.о. "setClasses" и "moveElems" должны быть функциями.

Также неудачно выбрано имя переменной "globalObject", т.к. в среде уже существует глобальный объект (будет путаница).

Что касается кода, то в твоем случае можно сделать так:

var object = {    setNextClass: function() {    },    setPrevClass: function() {    },    moveElementToTop: function() {    },    moveElementToLeft: function() {    }};// orvar object = {    setClass: function(name) {    },    moveElement: function(x, y) {    }};

Если очень хочется, я бы делал так:

function Foo() {    this.bar = new Bar(this);}Foo.prototype.setClass = function(name) {};Foo.prototype.moveElement = function(x, y) {};function Bar(parent) {    this.parent = parent;}Bar.prototype.doSomething = function(name) {    this.parent.setClass(name);};var object = new Foo();object.bar.doSomething('class');

В целом, лучше взять за правило описывать ключевые объекты классами, а не литерами.

При данном подходе можно строить цепочку parent -> child, использовать наследование, вызывать супер методы или просто создать еще один экземпляр.

Это мое мнение =)

Edited October 7, 2014 by nerv

[amelice]

nerv, спасибо за рекомендации по поводу имен переменным.  Я это знаю.  Назвала "globalObject" только чтоб сделать акцент что он такой весь большой и глобальный, который содержит в себе много других обьектов.

По поводу твоего примера - у меня взрыв мозга...    Можешь словами пояснить плиз?
Как я понимаю, что в  Foo создается экземпляр Bar.  а в Bar ссылаемся и добавляем метод к Foo?  а через prototyp'ы расширяем объекты?
 

[Veseloff]

Вопрос в коде, мне нужно из свойства top объекта moveElems обратиться к свойству next объекта setClasses. this внутри свойства top будет обращаться к moveElems, а как обратится globalObject, чтоб можно вызвать setClasses.next(someElem)?

Самый короткий и правильный ответ будет: так делать нельзя. Делайте объект линейным и будет вам счастье.

[Great Rash]

Почему нельзя-то, объясните?

[Veseloff]

Язык не позволяет это делать, значит так делать не надо. Ну и я не вижу логики никакой в этом, если честно.

[Great Rash]

Как не позволяет? Я же обратился к globalObject.

[Veseloff]

Как не позволяет? Я же обратился к globalObject.

Нет, так можно, конечно. Я про изначальный вопрос.

[amelice]

Язык не позволяет это делать, значит так делать не надо. Ну и я не вижу логики никакой в этом, если честно.

 

 

Как не позволяет? Я же обратился к globalObject.

Нет, так можно, конечно. Я про изначальный вопрос.

 

То не позволяет, то позволяет.

Я не про логику спрашивала, а можно ли так обращаться.

 

[Veseloff]

Я не про логику спрашивала, а можно ли так обращаться.

Нет, обращаться так нельзя, я так изначально и написал. Никакой конструкции типа this.parent не существует.

[amelice]

а, сори, я не правильно поняла.
Спасибо.

[nerv]

Я это знаю

но не соблюдаю =)

Что именно не ясно? Если не знаешь, что такое "прототип функции", читай.

Как я понимаю, что в  Foo создается экземпляр Bar

да

а в Bar ссылаемся и добавляем метод к Foo?

не добавляем, в вызываем

[amelice]

но не соблюдаю =)

Соблюдаю, соблюдаю. )

 

Если не знаешь, что такое "прототип функции", читай.

 

Читала когда-то, но не поняла.

 

Что именно не ясно?

 

Обясни, почему нужно писать два больших класса, чтобы можно было обращаться к this первого?

 

Edited October 11, 2014 by amelice

[nerv]

Обясни, почему нужно писать два больших класса, чтобы можно было обращаться к this первого?

Во-первых, это не обязательно

var object1 = {    method: function() {        alert(1);    }};var object2 = {    parent: object1,    method: function() {        this.parent.method();    }};object2.method();object2.parent.method();

Во-вторых, описанные мною выше классы крошечные =)

В-третьих,

В целом, лучше взять за правило описывать ключевые объекты классами, а не литерами. При данном подходе можно строить цепочку parent -> child, использовать наследование, вызывать супер методы или просто создать еще один экземпляр. Это мое мнение =)

Если ты не используешь многоуровневое наследование в js, вызовы супер-методов и т.п., конечно, тебе сложно понять зачем оно надо =)

Вероятно, ты начнешь использовать классы, когда потребуется создавать >1 экземпляра объекта. Это будет отправной точкой.

Опять-таки, не каждый объект следует описывать классом (js позволят не описывать объекты классами), а только значимые.