Javascript-форум - Доступ к свойствам объекта из методов объекта

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Доступ к свойствам объекта из методов объекта (https://javascript.ru/forum/misc/60682-dostup-k-svojjstvam-obekta-iz-metodov-obekta.html)

[РЕШЕНО]Доступ к свойствам объекта из методов объекта

Добрый день, форумчане.
Помогите пожалуйста. Не могу обратиться к свойствам объекта из метода объекта. Есть объект:

Код:

var Shape = 

{

    CIRCLE_SHAPE:     4,

    LINE_SHAPE:       5,

    POLYGON_SHAPE:    6,

    RECTANGLE_SHAPE:  7,

 

    // properties

    _map:   null,

    _id:    null,

    _layer: null,

    _shape: null,

    _type:  null,

    

    // methods

    create: function(map, type, latlngs)

    {

        if(this._shape == null)

        {

            this._map  = map;

            this._type = (type == 'circle')?this.CIRCLE_SHAPE:(type == 'polyline')?

                               this.LINE_SHAPE:(type == 'polygon')?this.POLYGON_SHAPE:

                               (type == 'rectangle')?this.RECTANGLE_SHAPE:null;

            

            switch(this._type)

            {

                case this.CIRCLE_SHAPE:

                    console.log('shape: circle');

                    console.log('latlngs: ' + latlngs);

                    this._shape = L.circle(latlngs, latlngs.distanceTo(latlngs));

                break;

                

                case this.LINE_SHAPE:

                    console.log('shape: polyline');

                break;

                

                case this.POLYGON_SHAPE:

                    console.log('shape: polygon');

                break;

                

                case this.RECTANGLE_SHAPE:

                    console.log('shape: rectangle');

                break;

            }

            

            if(this._shape != null)

            {

                console.log('shape is created');

                this._id = BEGIN_NUMBER_SHAPE++;

                

                this._layer = L.featureGroup();

                this._map.addLayer(this._layer);

                this._layer.addLayer(this._shape);

            }

            

            this._map.on('click', this._onMouseClick);

            this._map.on('mousemove', this._onMouseMove);

            this._map.on('contextmenu', this._onMouseContextMenu);

        }

    },

    

    _onMouseClick: function(e)

    {

        console.log('_onMouseClick');

        console.log('current number shape: ' + this._id);

        console.log('type shape: ' + this._type);

    },

    

    _onMouseMove: function(e)

    {

        console.log('_onMouseMove');

    },

    

    _onMouseContextMenu: function(e)

    {

        console.log('_onMouseContextMenu');

    }

}

Вывод при клике мыши:

_onMouseClick
current number shape: undefined
type shape: undefined

Почему я не могу получить значения этих свойств?
Спасибо.

Потому что _onMouseClick не содержит current number shape, type shape. Это же функция события, и this в данном случае будет указывать на объект обработчика событий (ну или как-то так, поправьте меня если я не прав). В качестве решения я бы попробовал:

var Shape = 
{
_this: this,
...
_onMouseClick: function(e)
    {
        console.log('_onMouseClick');
        console.log('current number shape: ' + _this._id);
        console.log('type shape: ' + _this._type);
    },
}

Хотя по сути должно работать и так:

_onMouseClick: function(e)
    {
        console.log('_onMouseClick');
        console.log('current number shape: ' + _id);
        console.log('type shape: ' + _type);
    }

P.S.: я не уверен в своих познаниях js, поэтому было бы хорошо если бы кто-то подтвердил или опроверг мой ответ)

Спасибо. Сейчас сделал через Shape.*, но это конечно не совсем правильно, но мне подходит пока. Еще такой вопрос: у меня при обработке движения мышки отказывают правый и левый клик мыши. В чем может быть проблема?

Обработчик:

Код:

_onMouseMove: function(e)

{

        if(Shape._isDrawing && Shape._shape != null)

        {

            if(Shape._type === Shape.CIRCLE_SHAPE)

            {

                var center = Shape._shape.getLatLng();

                Shape._shape.setRadius(center.distanceTo(e.latlng));

            }

        }

},

Если закомментить строку с рисование фигуры

Код:

Shape._shape.setRadius(center.distanceTo(e.latlng));

то тогда все ок. Для рисования использую библиотеку leaflet.

Все решил. Оказалось я использовал группу слоев L.featureGroup, и здесь присутствуют свои обработчики мышки, поэтому использовал простейшую группу слоев L.layerGroup и тогда все работает.