JS: Create Object with Parent X

By Xah Lee. Date: . Last updated: .

Here's how to create a object with a specified parent object.

Object Literal Expression

obj = { __proto__:my_parent, k1 = v1, k2 = v2, … }

const e1 = {p:7};

// create object with e1 as parent, and a property x
const e2 = {__proto__:e1, x:8};

console.log( e2 ); // { x: 8 };

console.log (
    Object.getPrototypeOf ( e2 ) === e1
); // true

[see JS: Object Literal Expression]

Object.Create

obj = Object.Create(my_parent)

JS: Object.create

With Constructor

Use a constructor, by the following steps:

  1. Define a function F with no return statement.
  2. Set the prototype property: F.prototype = my_parent
  3. Create the object. var obj = new F.

[see JS: Operator “new”]

With class keyword

  1. Define a class named X. (the constructor should not contain return statement.)
  2. JavaScript will create a object X.prototype.
  3. new X(…)'s parent is X.prototype

[see JS: Class]

JS Object and Inheritance

  1. Object Overview
  2. Object Type
  3. Prototype and Inheritance
  4. Create Object
  5. Object Literal Expression
  6. Create Object with Parent X
  7. Get/Set Prototype
  8. Prevent Adding Property
  9. Determine Type of Object
  10. Clone Object
  11. Test Object Equality
  12. Add Method to Prototype
  13. Object Object
  14. Object.prototype
Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Reference
  5. DOM
  6. SVG
  7. Web Dev Blog