JavaScript Inheritance of arguments

Question

I am trying to do some inheritance in JavaScript

etc

var operation = 
{
   A: 1,
   B: 2,
   C: 3
};

var operationImplA = 
{
   D: 4
};

var operationImplB = 
{
   D: function (event) {
         //do something
      }
};

Something similar to the above but not sure how to do this in JavaScript.

There are actually several ways to achieve this. I would suggest you read this article by Douglas Crockford. See also this question. — Frédéric Hamidi
– Frédéric Hamidi, Commented Feb 13, 2013 at 15:50
@FrédéricHamidi: You mean that article where at the bottom he acknowledges his attempts to support a classical inheritance model were a mistake? — the system
– the system, Commented Feb 13, 2013 at 16:07
@thesystem, absolutely, his conclusion is also valuable information IMHO. — Frédéric Hamidi
– Frédéric Hamidi, Commented Feb 13, 2013 at 16:11

Minko Gechev · Accepted Answer · 2013-02-13 16:09:04Z

2

You can simply use Object.create:

var operation = 
{
   A: 1,
   B: 2,
   C: 3
};

var operationImplA = Object.create(operation, {
    D: {
       value: 4
    }
});

var operationImplB = Object.create(operationImplA, {
    D: {
        value: 5
    }
});

Object.create will create new object with prototype it's first argument and properties defined in the second argument.

This is the natural prototype-based inheritance in JavaScript.

Edit

If you want to add a method, add it like a property i.e.:

var operationImplA = Object.create(operation, {
    M: {
        value: function (a) {
            console.log(a);
        }
    }
});
operationImplA.M('Some text...'); //'Some text...'

edited Feb 13, 2013 at 16:09

answered Feb 13, 2013 at 15:50

Minko Gechev

25.8k9 gold badges64 silver badges69 bronze badges

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

2 Comments

Jonathan Over a year ago

if I wanted to add a function etc function AA(A, B) {}; How would I do this? In the inherited obj. Tnks!!

Minko Gechev Over a year ago

Just like a usual property: func: { value: function () {} }

Per Salbark · Accepted Answer · 2013-02-13 15:51:08Z

-1

Personally I really like John Resigs Simple JavaScript Inheritance. I use it for all my JS projects. You should try it out.

answered Feb 13, 2013 at 15:51

Per Salbark

3,6431 gold badge25 silver badges24 bronze badges

1 Comment

Aadit M Shah Over a year ago

I don't think the OP wants to create a class. He just wants one object to inherit from another.

Collectives™ on Stack Overflow

JavaScript Inheritance of arguments

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related