How do you create a property for a custom object in JavaScript?

Question

I know I can create function for custom object like

var newObj = {
    myFunc1: function () {
        alert('hello');
    },
 myFunc2: function () {
        alert('hello');
    }
}

Now how can I create a new property so that i can set that property in myFunc1 or myFunc2 and and then latter on use it by doing newObj.myProperty.

user1106925 · Accepted Answer · 2012-08-13 00:32:35Z

3

var newObj = {
    myFunc1: function () {
        this.greeting = "hello";
    },
    myFunc2: function () {
        alert(this.greeting);
    }
};

newObj.myFunc1(); // set the property on newObj
newObj.myFunc2(); // alert the property on newObj

alert(newObj.greeting); // access it directly from the object

answered Aug 13, 2012 at 0:32

community wiki

user1106925

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

Comments

jeff · Accepted Answer · 2012-08-13 00:33:58Z

1

If I'm interpreting this post right, then you can just do this:

var newObj = {
    propertyHere: "Here's a property.", // custom property
    myFunc1: function () {
        newObj.propertyHere = "Here's a changed property."; // set property
    },
    myFunc2: function () {
        alert(newObj.propertyHere); // get property
    }
}

answered Aug 13, 2012 at 0:33

jeff

8,3582 gold badges34 silver badges43 bronze badges

Comments

Artem Pianykh · Accepted Answer · 2012-08-13 00:35:56Z

1

You don't have to explicitly define a new property for your object. Just use this.yourNewProperty = "blabla" inside of your function. However, it is a good practise to explicitly define it at the beginning of your object description like yourNewProperty: "", (use any dummy value you need insted of ""), because it realy improves code readability.

answered Aug 13, 2012 at 0:35

Artem Pianykh

1,1812 gold badges11 silver badges23 bronze badges

Comments

Andrew Shepherd · Accepted Answer · 2012-08-13 00:37:56Z

1

A function on an object can access its other properties via the this keyword.

var newObj = {
                foo : 'Hello There',
                displayValue: function() { alert(this.foo); },
                changeValue: function() { this.foo = 'Goodbye world'; }
             }


newObj.displayValue();
newObj.changeValue();
newObj.displayValue();

This would display "Hello There" followed by "Goodbye world"

answered Aug 13, 2012 at 0:37

Andrew Shepherd

45.5k33 gold badges148 silver badges212 bronze badges

Collectives™ on Stack Overflow

How do you create a property for a custom object in JavaScript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related