如何在JavaScript函数类中编辑属性

Question

我有一个基于纯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));

当该功能启动时：

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

我需要更改"类型"属性：

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

我的问题是如何从handleDraw函数编辑类型属性？

Answer 1

由于在分配onclick处理程序时绑定了this，因此可以在处理程序函数中使用this.type。

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