usage of Object.Create

Question

Hi people , var shape = function() {} shape.prototype.draw = function () { document.write("I am shape "); } var circle = function () { } circle.prototype = Object.create(shape.prototype); or circle.prototype = Object.create(shape); For inheritance, we are usually using "Object.create(shape.prototype)" . Not able to achieve the inheritance if we use Object.create(shape); When i entered in browser debugger. Object.create(shape) returns , Function {}__proto__: ƒ ()arguments: nullcaller: nulllength: 0name: "shape"prototype: {draw: ƒ, constructor: ƒ}__proto__: ƒ ()apply: ƒ apply()arguments: (...)bind: ƒ bind()call: ƒ call()caller: (...)constructor: ƒ Function()length: 0name: ""toString: ƒ toString()Symbol(Symbol.hasInstance): ƒ [Symbol.hasInstance]()get arguments: ƒ ()set arguments: ƒ ()get caller: ƒ ()set caller: ƒ ()__proto__: Object[[FunctionLocation]]: [[Scopes]]: Scopes[0][[FunctionLocation]]: polymorshipsm.html:10[[Scopes]]: Scopes[1] Object.create(shape.prototype) retruns shape {} What is difference between Object.create(shape.prototype) and Object.create(shape)

Raghavendar Swaminathan · Answer

Hi Srini, From your code circle.prototype = Object.create(shape.prototype); We creating a new object that inherits Shape's prototype, and assigning to circle. In case you editing circle prototype it won't affect Shape's whereas editting Shape's prototype, you will get the same properties in circle by inheritance. circle.prototype = Object.create(shape); We referering the circle prototype to the same object as Shape's prototype, both prototypes are now the same object. When you edit circle.prototype.method it will also appear at Shape.prototype.method Thanks Raghav

Hemant Jindal · Answer

Please refer this link on complete understanding https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype Thanks Hemant Jindal

Srinivasan Amarnathan · Answer

Thanks .....For your time ...for replying .. Sorry , Still i am not understanding the difference ..