can a literal object inherit from class?

Question

So I was thinking if a literal object can inherit properties and methods from a class. Here is the code

var Foo = function(val1, val2) {
    this.prop1 = val1;
    this.prop2 = val2;
}

var bar = {
    //how to inherit properties from Foo class; also add new property
    prop3: 'val3'
};

Answer 1

Theres no inheritance in your code. Inheritance would look like this:

var Foo = function(val1, val2) {}
Foo.prototype={
    prop1:val1,
    prop2:val2
};

var bar = {
//how to inherit properties from Foo class; also add new property
prop3: val3
};

And now you could do:

Object.setPrototypeOf(bar, /*to*/ Foo.prototype);

or creating another object:

var instance=new Foo();
Object.assign(instance,bar);

Answer 2

You could achieve this by creating an instance of Foo and then adding properties to that instance like so:

var Foo = function(val1, val2) {
    this.prop1 = val1;
    this.prop2 = val2;
}

var x = new Foo('valOfProp1', 'valOfProp2');

x.prop3 = 'valOfAddedProp';

Answer 3

You may do as follows;

 var Foo = function(val1, val2) { this.prop1 = val1; this.prop2 = val2; }; Foo.prototype.getProp = function(p){ return this[p]; // NOT!! this.p }; var bar = { //how to inherit properties from Foo class; also add new property prop3: "val3" }; Object.setPrototypeOf(bar,Foo.prototype); console.log(bar.getProp("prop1")); console.log(bar.getProp("prop2")); console.log(bar.getProp("prop3"));