Why can't I access this variable in javascript?

Question

I created an object and I want to access the variables in that object. But everytime I run this, testThis and whatThis variables are undefined. I'm not sure why this is happening.

/* HTML above */
<script type="text/javascript">
    var formData;
    var dataClickTest;

    var FormRowData = function () {
        var self = this;

        self.someValue = "I am visible. Look Here!";

        self.frds = new Array();

        self.addRowData = function (ctrlData) {
            self.frds.push(ctrlData);
        }

        self.convertData = function (rowData) {
            var hi = rowData[0].attr('data-ctrltypeid');
            var hello = "hi";
        }
    }



    function postBackPart(div_id) {

        formData = $('#' + div_id).find('input, select').filter('[name*=".InputtedData"]');

        var testThis = FormRowData();      /* error here */
        var whatThis = testThis.someValue; /* error here */     

        $.ajax({
            url: '/TestEdit/Sections',
            type: 'POST',
            data: formData,
            success: function (result) {
            }
        });

        return false;
    }
</script>

</body>
</html>

Quentin · Accepted Answer · 2012-08-07 18:53:52Z

1

FormRowData doesn't have a return statement and you aren't invoking it with the new keyword that would treat it as a constructor function, so it returns undefined.

It looks like you intend it to be used as a constructor function so:

var testThis = new FormRowData();

That should resolve both problems.

answered Aug 7, 2012 at 18:53

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

tletnes · Accepted Answer · 2012-08-07 18:53:17Z

1

var testThis = new FormRowData();

answered Aug 7, 2012 at 18:53

tletnes

1,99811 silver badges30 bronze badges

Comments

Esailija · Accepted Answer · 2012-08-07 18:55:46Z

1

Since you are not actually using prototypes, you can skip new entirely:

var FormRowData = function () {
    var self = {};

    self.someValue = "I am visible. Look Here!";

    self.frds = new Array();

    self.addRowData = function (ctrlData) {
        self.frds.push(ctrlData);
    }

    self.convertData = function (rowData) {
        var hi = rowData[0].attr('data-ctrltypeid');
        var hello = "hi";
    }

    return self;
}

Is equivalent to your code without requiring new

answered Aug 7, 2012 at 18:55

Esailija

140k24 gold badges280 silver badges328 bronze badges

Collectives™ on Stack Overflow

Why can't I access this variable in javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related