Prototype-based programming презентация

Prototype

Prototype

Prototype vs __proto__

Constructor function

new operator

var rect1 =

How new work? function newOperator(Constr, args) { debugger; var thisValue = Object.create(Constr.prototype); // (1) var result = Constr.apply(thisValue, args); if (typeof result === 'object' && result !== null) { return result; // (2) } return thisValue; }

Methods

Using the Prototype's Methods

Inheritance features

Inheritance features

Inheritance features

Setting and Deleting Affects Only Own Properties var proto = { foo: 'a' }; var obj = Object.create(proto); obj.hasOwnProperty('foo') // false obj.foo = 'b'; obj.hasOwnProperty('foo') // true delete obj.foo; delete obj.foo; obj.hasOwnProperty('foo') // ???

Getters and Setters var obj = { get foo() { console.log('function call'); } }; obj.foo; // call a function without parenthesis

instanceof

WAT

Prototypal Inheritance

Pseudoclassical inheritance

Pseudoclassical inheritance

Extend function

Extend function

ES5 Extend function

Pseudoclassical inheritance

Private members

Extending Without Inheriting

Mixins

Parasitic inheritance (functional pattern)

Parasitic inheritance