W wyniku różnorodnych metod implementacji przez poszczególne frameworki, w temacie klas w JavaScript zdiagnozowano rozszczepienie osobowości. Na szczęście odpowiednie lekarstwo powoli jest szykowane, o czym będę starał się opowiedzieć w tej prezentacji. Jednocześnie postaram się przypomnieć historie choroby, jej objawy i wytłumaczyć, dlaczego kuracja jest tak bardzo pożądana.

1. JavaScript
Artur Skowroński

3. Abstrakcja (łac. abstractio - oderwanie)

4. Klasyczne podejście
Konstruktor Funkcyjny

5. function Person(name){
this.name=name;
}
Person.prototype.show=function(){
console.log("Jestem " + this.firm);
};

6. Employee.prototype = new Person();
Employee.prototype.constructor = Employee;

7. Employee.prototype.show = function(){
Person.prototype.show.call(this);
console.log("Pracuje w firme " + this.firm);
};

9. Object.create For Loop

13. Core API

15. EcmaScript 3
Grudzień 1999
Wyrażenia regularne
Try Catch

16. ECMAScript 4
Packages
Namespaces
Klasy

18. Grudzień 2009
ECMAScript 3.1ECMAScript 5

21. maximally_minimal_classes
Aktualny Draft

22. Tworzenie i konstruktory

23. ECMAScript 3
function Person(name){
this.name=name;
}

24. ECMAScript 6
class Person {
constructor(name){
this.name=name;
}
}

25. Metody

26. Person.prototype.hello = function(){
console.log("Osoba " + this.name );
};
ECMAScript 3

27. class Person {
(…)
hello(){
console.log("Osoba "+this.name);
}
}
ECMAScript 6

29. Dziedziczenie

30. ECMAScript 3
Man.prototype = new Mammal();
Man.prototype.constructor = Man;
!
function Man(firm){
this.firm=firm;
}

31. ECMAScript 6
class Man extends Mammal {
constructor(firm){
this.firm= firm;
}
}

32. SuperMetody

33. ECMAScript 3
Employee.prototype.show = function(){
Person.prototype.show.call(this);
alert("Pracuje w firme " + this.firm);
}

34. class Employee extends Person {
(…)
!
show(){
super()
alert("Pracuje w firme " + this.firm);
}
!
}
ECMAScript 6

35. Czego jeszcze nie dostaniemy
• Zamkniętego stanu
• Properties
NazwaKlasy.prototype.nazwaPop = 0;

36. Future editions of ECMAScript may and probably will extend the proposed class definitions. However, the intent for
“ES6” is to only include the features described in this proposal. Attempting to extend this proposal is likely to result in
dead-lock that would result in the inclusion of no class definition support in “ES6”.

37. Podsumowując
• Standard dziedziczenia dla wszystkich
!
• Naturalne Core API dla twórców Frameworków

38. Nadzieje

39. Interoperacyjność

40. IDE Support

41. Performance języka
http://sealedabstract.com/rants/why-mobile-web-apps-are-slow/

42. Kiedy?

43. http://kangax.github.io/compat-table/es6

45. https://github.com/google/traceur-compiler

46. Dziękuje bardzo…
i zapraszam do pytań
Artur Skowroński