Ich hatte letzte Woche auf die „Coole, leicht zu verstehende und sehr gut dokumentierte HTML5 und JavaScript Game Engine: Phaser.“ hingewiesen.<\/p>\n
Mittlerweile habe ich mich ein wenig mit der Engine auseinandergesetzt, erste Tutorials gemacht und einige Erfahrungen damit gesammelt.<\/p>\n
Das Hauptproblem, welches ich von Anfang an hatte, war, dass der Code so unstrukturiert ist. Keine Klassen, alles in einer Datei, keine privaten Methoden, alles irgendwie chaotisch.<\/p>\n
Das muss besser gehen!, sagte ich mir und versuchte mich im Internet schlau zu machen. Ich habe auch sehr viele (sicherlich gute) Quellen gefunden, die mein Problem adressierten, aber verstanden habe ich es nicht und irgendwie f\u00fchlte es sich auch nicht gut an.<\/p>\n
Das Problem lag aber an mir. Ich hatte einfach zu wenig Erfahrung mit JavaScript. Ich habe die L\u00f6sungen nicht verstanden, weil JavaScript vom Grunde her gar nicht darauf ausgelegt ist, so genutzt zu werden, wie ich mir das vorgestellt habe.<\/p>\n
Zuf\u00e4llig bin ich dann \u00fcber ein Buch gestolpert, welches einen vielversprechenden Titel tr\u00e4gt: „JavaScript objektorientiert“ von Nicholas C. Zakas<\/a>.<\/p>\n Nach der Lekt\u00fcre der etwa 115 Seiten kann ich von mir behaupten, ich habe JavaScript verstanden. Ich bin sicher weit davon entfernt, ein Profi zu sein, aber ich verstehe die Sprache, die Unterschiede zu objektorientierten Sprachen.\u00a0 Ich kann mittlerweile einige Konstrukte herstellen, die ich zun\u00e4chst vermisst habe. Ich habe erkannt das einige objektorientierte Ans\u00e4tze in JavaScript einfach keinen Sinn ergeben.<\/p>\n <\/p>\n Die wichtigsten Erkenntnisse schreibe ich hier noch einmal kurz zusammen. Das Buch sollte auf jeden Fall jeder lesen, der von Java, C#, C++ oder \u00e4hnlichen Sprachen kommt und mit JavaScript arbeiten m\u00f6chte.<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n Dar\u00fcber hinaus gibt es noch einige weiterf\u00fchrende Konzepte:<\/p>\n <\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Ich hatte letzte Woche auf die „Coole, leicht zu verstehende und sehr gut dokumentierte HTML5 und JavaScript Game Engine: Phaser.“ hingewiesen. Mittlerweile habe…<\/p>\n","protected":false},"author":2,"featured_media":493,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":6,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts\/179\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/posts\/179\/revisions\/494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/media\/493"}],"wp:attachment":[{"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/media?parent=179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/categories?post=179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staratnight.de\/blog\/wp-json\/wp\/v2\/tags?post=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
\n
\n
function foo(par1, par2) {\r\n 'use strict';\r\n [....]\r\n}<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n
\n
\n
\nfoo.bar = „newbar“<\/span><\/li>\nvar foo = { \r\n bar: \"boo\",\r\n far: function() { \r\n console.log(\"go far\");\r\n }\r\n};<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n
\n
\n
\n
\n
var foo = { \r\n _bar: \"boo\",\r\n get bar() {\r\n return this._bar;\r\n },\r\n set(value) {\r\n this._bar = value;\r\n }\r\n};<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n
\n
function Foo(value) = { \r\n this.bar = value;\r\n}\r\n\r\nFoo.prototype = {\r\n constructor: Foo;\r\n far: function() { \r\n console.log(\"go far\" + this.bar);\r\n }\r\n};\r\n\r\nvar one = new Foo(\"1\");\r\nvar two = new Foo(\"2\");\r\none.far(); \/\/ go far 1\r\ntwo.far(); \/\/ go far 2\r\n<\/pre>\n<\/li>\n\n