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]


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]

Object and Inheritance Topic

  1. JS: Object Overview
  2. JS: Object Type
  3. JS: Determine Type of Object
  4. JS: Object Literal Expression
  5. JS: Prototype and Inheritance
  6. JS: Create Object
  7. JS: Create Object with Parent X
  8. JS: Get/Set Prototype
  9. JS: Prevent Adding Property
  10. JS: Clone, Deep Copy Object/Array
  11. JS: Test Equality of Objects
  12. JS: Object Object
  13. JS: 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 Basics
  4. JS in Depth
  5. JS Reference
  6. DOM
  7. SVG
  8. JS Misc