Question

I have this code:

var rect2 = new drawRect({
        h: 100,
        w: 100,
        x: 280,
        y: 20,
        colour: '8CB5CF',
        name: 'Office 2'
}

Is it possible for read the properties that I am passing to drawRect?
My first thought was:

alert(rect2.h)

But that results in undefined, didn’t expect it to work really but I don’t know how else to approach this.

I am fairly new to javascript. Thanks.

EDIT: Sorry here is drawRect:

    function drawRect(rectOptions){
        var ctx = document.getElementById('canvas').getContext('2d');
        ctx.fillStyle = rectOptions.colour;
        ctx.fillRect(rectOptions.x,rectOptions.y,rectOptions.h,rectOptions.w);
        ctx.font = '12px sans-serif';
        ctx.fillText(rectOptions.name, rectOptions.w + rectOptions.x, rectOptions.h     + rectOptions.y);
    }

here is the full code: Full code

Answer 1

Inside of the drawRect function you could add a line to add an option property to objects constructed by drawRect.

function drawRect(rectOptions) {
  this.options  = rectOptions;
  //...
}

Then you could do

var rect2 = new drawRect({ /* ... */ });
alert(rect2.options.h);

Alternatively, you could have drawRect return the options passed to it.

function drawRect(rectOptions) {
  //...
  return rectOptions;
}

Then you could do, as you originally tried,

alert(rect2.h);