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

[gruffi]

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

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

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

[Siend]

Потому что _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, поэтому было бы хорошо если бы кто-то подтвердил или опроверг мой ответ)

[gruffi]

Спасибо. Сейчас сделал через 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.

[gruffi]

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