How to edit property in JavaScript function class?

Question

I have this class based on pure javascript:

var DrawFeatureP = /*@__PURE__*/(function (Draw) {
    function DrawFeatureP() {
        debugger
        Draw.call(this, {
            source: new ol.layer.Vector({ source: new ol.source.Vector() }),
            type: 'change this property from function in pottom'
        });

        document.getElementById('lineToggle').onclick = this.handleDrawFeature.bind(this);
     }


    if (Draw) DrawFeatureP.__proto__ = Draw;
    DrawFeatureP.prototype = Object.create(Draw && Draw.prototype);
    DrawFeatureP.prototype.constructor = DrawFeatureP;

    DrawFeatureP.prototype.handleDrawFeature = function handleDraw(evt) {
        //when is function is fired how ca i set 'type' property?
    };

    return DrawFeatureP;
}(ol.interaction.Draw));

When this function is fired:

   DrawFeatureP.prototype.handleDrawFeature = function handleDraw(evt) {
            //when is function is fired how ca I set 'type' property?
        };

I need to change the 'type' property :

type: 'change this property from function in the bottom'

My question is how to edit type property from handleDraw function?

In my opinion this function is impure. because there happens dom manipulation. imho. Change my mind if anyone can — user13198697
– user13198697, Commented Apr 8, 2020 at 21:35

Barmar · Accepted Answer · 2020-04-08 21:16:46Z

1

Since you bind this when assigning the onclick handler, you can use this.type in the handler function.

    DrawFeatureP.prototype.handleDrawFeature = function handleDraw(evt) {
        this.type = "new type";
    };

answered Apr 8, 2020 at 21:16

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael Over a year ago

Thank you very much for the post. But the example above not works. Any idea what can be the reason?

Collectives™ on Stack Overflow

How to edit property in JavaScript function class?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related