CODEWITHSUNDEEP
javascript
etoisarobot
etoisarobot

Reputation: 7814

How to create an Custom Object with a Custom Object?

In Javascript how would I create a Custom Object that has a property this is another Custom Object. For Example.

function Product() {
    this.prop1 = 1;
    this.prop2 = 2;
}


function Work(values) {
    this.front = values.front || "default";
    this.back = values.back || "default";
    this.product =  Product;
}

var w = new Work();
alert(w.product.prop1); //no worky

Upvotes: 0

Views: 128

Answers (1)

Nick Craver
Nick Craver

Reputation: 630607

You need to create an instance of Product, like this:

function Product() {
    this.prop1 = 1;
    this.prop2 = 2;
}
function Work(values) {
    this.front = values && values.front || "default";
    this.back = values && values.back || "default";
    this.product = new Product();
}
var w = new Work();
alert(w.product.prop1); //1

The front and back changes are a separate issue, since values wasn't being passed in in your example, you'd get an undefined error. You can test the result here.

Here's an alternative way I'd personally use to define those defaults:

function Work(values) {
    values = values || { front: "default", back: "default" };
    this.front = values.front;
    this.back = values.back;
    this.product = new Product();
}

You can try that version here.

Upvotes: 3

Related Questions