JavaScript Inheritance

Transcript

1. JavaScript Inheritance Forget about new and prototype ffs leanmachine.se ▪ hello@leanmachine.se ▪ 2013-09-06
2. __proto__
3. f.say()  //  "meow  says  figaro" s.say()  //  "meow  says  simba" p.say()  //  "woof  says  pluto" f.yell()  //  "MEOW  SAYS  FIGARO" s.yell()  //  "MEOW  SAYS  SIMBA" p.yell()  //  "WOOF  SAYS  PLUTO"
4. create(parent)
5. var  create  =  function(parent)  {    var  newObj  =  {};    newObj.__proto__  =  parent;    return  newObj; };
6. Object.create
7. Whiteboard time! What does the object tree look like?
8. Now rewrite the program to use ”new” and ”prototype”.
9. Whiteboard time! What does the object tree look like?
10. "I have been writing JavaScript for 8 years now (...). The super idea is fairly important in the classical pattern, but it appears to be unnecessary in the prototypal and functional patterns. I now see my early attempts to support the classical model in JavaScript as a mistake." http://www.crockford.com/javascript/inheritance.html
11. leanmachine.se ▪ hello@leanmachine.se ▪ 2013-09-06