ECMAScript: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
 
(52 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Qualität
{{Qualität
|correctness        = 4
|correctness        = 2
|extent              = 3
|extent              = 2
|numberOfReferences  = 3
|numberOfReferences  = 3
|qualityOfReferences = 4
|qualityOfReferences = 4
|conformance        = 4
|conformance        = 4
|annotation1 = Im Artikel sind viele weiterführenden Verweise angegeben. Diese werden jeweils zu Beginn des Wintersemesters aktualisiert.  
|annotation1 = Im Artikel sind viele weiterführenden Verweise angegeben. Diese werden jeweils zu Beginn des Wintersemesters aktualisiert.  
|annotation2 = Derzeit sind viele Informationen veraltet. '''Dieser Artikel muss grundlegend überarbeitet werden.'''
}}
}}
==Definition==
==Definition==
[[JavaScript]] ist eine [[Dynamische Typisierung|dynamisch typisierte]] [[Skriptsprache]],  
[[ECMAScript]] (JavaScript) ist eine [[Dynamische Typisierung|dynamisch typisierte]] [[Skriptsprache]],  
die [[Objektorientierte Programmierung|objektorientierte]], [[Funktionale Programmierung|funktionale]]
die [[Objektorientierte Programmierung|objektorientierte]], [[Funktionale Programmierung|funktionale]]
und auch das [[Imperative Programmierung|imperative]] Programmierung unterstützt.
und auch das [[Imperative Programmierung|imperative]] Programmierung unterstützt.


==Anmerkungen==
==Anmerkungen==
JavaScript wird den meisten [[Web-Browser]]n unterstützt, um HTML-Dokumente dynmisch erzeugen  
ECMAScript wird von den meisten [[Web-Browser]]n unterstützt, um HTML-Dokumente dynamisch erzeugen  
und verändern zu können (eine Ausnahme ist [[Lynx]], ein textbasierter Webbrowser für den Einsatz in reinen Text-Terminals ohne Maus). Es gibt darüber hinaus auch serverseitige JavaScript-Frameworks (z.B. [[Node.js]]).
und verändern zu können (eine Ausnahme ist [[Lynx]], ein textbasierter Webbrowser für den Einsatz in reinen Text-Terminals ohne Maus). Es gibt darüber hinaus auch serverseitige JavaScript-Frameworks (z.B. [[Node.js]]).


JavaScript wurde unter dem Namen ECMAScript standardisiert:
JavaScript wurde unter dem Namen ECMAScript von [http://www.ecma-international.org/ Ecma International] standardisiert:
* JavaScript 1.8.5 (HTML5): Standard ECMA-262, ECMAScript Language Specification Edition 5.1 (June 2011), ISO/IEC 16262:2011<ref>http://www.ecma-international.org/publications/standards/Ecma-262.htm</ref>
* [http://www.ecma-international.org/ecma-262/8.0/ ECMAScript® 2017 (ECMAScript 8)] (wird zu Teilen [http://kangax.github.io/compat-table/es2016plus/ durch aktuelle Browser unterstützt])
* JavaScript 1.5.0: Standard ECMA-327, ECMAScript 3rd Edition Compact Profile (June 2001)<ref>http://www.ecma-international.org/publications/standards/Ecma-327.htm</ref>
* [http://www.ecma-international.org/ecma-262/7.0/ ECMAScript® 2016 (ECMAScript 7)] (wird zu großen Teilen [http://kangax.github.io/compat-table/es2016plus/ durch aktuelle Browser unterstützt])
* [http://www.ecma-international.org/ecma-262/6.0/ ECMAScript® 2015 (ECMAScript 6)] (wird zu großen Teilen [https://kangax.github.io/compat-table/es6/ durch aktuelle Browser unterstützt])
* JavaScript 1.8.x (HTML5): Standard [http://www.ecma-international.org/ecma-262/5.1/ ECMAScript Language Specification Edition 5.1 (June 2011)]
* JavaScript 1.5: Standard: ECMAScript 3rd Edition Compact Profile (June 2001)
 
== Beispiele aus der Vorlesung ==
 
Siehe [[ECMAScript/Beispiele]]


==Siehe auch==
==Siehe auch==


===JavaScript-Dokumentation und Tutorials===
===JavaScript-Dokumentation und Tutorials===
* [http://wiki.ecmascript.org/ ECMAScript-Wiki]
* [https://developer.mozilla.org/en/JavaScript/Reference Mozilla Developer Network] (sehr gute und aktuelle Dokumentation zu JavaScript)
* [https://developer.mozilla.org/en/JavaScript/Reference Mozilla Developer Network] (sehr gute und aktuelle Dokumentation zu JavaScript)
* [http://eloquentjavascript.net/ Eloquent JavaScript] – Für Anfänger.
* [http://eloquentjavascript.net/ Eloquent JavaScript] – Für Anfänger.
Zeile 29: Zeile 38:
* [http://addyosmani.com/largescalejavascript/ Patterns For Large-Scale JavaScript Application Architecture] – Auch lesenswert
* [http://addyosmani.com/largescalejavascript/ Patterns For Large-Scale JavaScript Application Architecture] – Auch lesenswert
* [http://developer.yahoo.com/performance/rules.html Regeln zur Performanz-Steigerung]
* [http://developer.yahoo.com/performance/rules.html Regeln zur Performanz-Steigerung]
* {{Quelle|Widjaja, S. (2012): I will Survive}}


===Style Guides===
===Style Guides===


* [https://github.com/airbnb/javascript Airbnb JavaScript Style Guide]
* [https://github.com/airbnb/javascript Airbnb JavaScript Style Guide]
* [[Multimedia-Programmierung: Konventionen|Programmierkonventionen]]
* [[Multimedia-Programmierung: Style Guide]]


===Frameworks für die JavaScript-Entwicklung===
===Frameworks für die JavaScript-Entwicklung===
Zeile 39: Zeile 49:
* [http://www.eclipse.org/ Eclipse] mit JavaScript- und Web-Plugins (insbesondere [http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/indigor Eclipse IDE for JavaScript Web Developers]) – Ursprünglich eine Java-Entwicklungsumgebung, heute eine sehr weit verbreitete Universal-Entwicklungsumgebung.
* [http://www.eclipse.org/ Eclipse] mit JavaScript- und Web-Plugins (insbesondere [http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/indigor Eclipse IDE for JavaScript Web Developers]) – Ursprünglich eine Java-Entwicklungsumgebung, heute eine sehr weit verbreitete Universal-Entwicklungsumgebung.
* [http://www.jetbrains.com/webstorm/ WebStorm] – Ein Ableger der Java-Entwicklungsumgebung IntelliJ IDEA von JetBrains. Für kommerzielle Projekte ist WebStorm kostenpflichtig.
* [http://www.jetbrains.com/webstorm/ WebStorm] – Ein Ableger der Java-Entwicklungsumgebung IntelliJ IDEA von JetBrains. Für kommerzielle Projekte ist WebStorm kostenpflichtig.
* [https://www.meteor.com/ Meteor] (auch in Verbindung mit [http://blog.jetbrains.com/webstorm/2014/09/meteor-support-in-webstorm-9/ WebStorm])
* [http://netbeans.org/ Netbeans IDE] – Eine weitere Java-Entwicklungsumgebung, die ebenfalls hervorragend zur Entwicklung von Web-Anwendungen geeignet ist.
* [http://netbeans.org/ Netbeans IDE] – Eine weitere Java-Entwicklungsumgebung, die ebenfalls hervorragend zur Entwicklung von Web-Anwendungen geeignet ist.
* [http://www.aptana.com/ Aptana Studio 3] – Apatana Studio kann sowohl als Standalone-Version (basierend auf Eclipse) als auch als Eclipse-Plugin [http://www.aptana.com/products/studio3/download heruntergeladen] werden.
* [http://www.aptana.com/ Aptana Studio 3] – Apatana Studio kann sowohl als Standalone-Version (basierend auf Eclipse) als auch als Eclipse-Plugin [http://www.aptana.com/products/studio3/download heruntergeladen] werden.
* [http://www.appcelerator.com/ Appcelerator Titanium] – Basiert ebenfalls auf Eclipse, dient zur Entwicklung von nativen iOS- und Adroid-Apps auf Basis von HTML5/CSS/JavaScript.
* [http://www.appcelerator.com/ Appcelerator Titanium] – Basiert ebenfalls auf Eclipse, dient zur Entwicklung von nativen iOS- und Adroid-Apps auf Basis von HTML5/CSS/JavaScript.
* [https://creative.adobe.com/products/animate Adobe Edge Animate] ist ein Werkzeug zur Erstellung von HTML5/CSS3/JavaSCript-Animationen, wobei die Zeilleisten-Konzepte an  [[Adobe Flash]] und [[Adobe After Effects]] erinnern.
* [https://www.adobe.com/de/products/edge-animate.html Adobe Edge Animate] ist ein Werkzeug zur Erstellung von HTML5/CSS3/JavaScript-Animationen, wobei die Zeilleisten-Konzepte an  [[Adobe Flash]] und [[Adobe After Effects]] erinnern.
* [https://docs.microsoft.com/de-de/visualstudio/ Visual Studio]
 
===ECMAScript 6===
 
ECMAScript 6 wurde bereits weitestgehend fertiggestellt.
 
*[http://kangax.github.io/compat-table/es6/ ECMAScript-6-Kompatibilitäts-Tabelle]
 
====Tools====
Es gibt Tools, um ECMAScript 6 in ECMAScript 5 zu übersetzen und jetzt schon von den Erweiterungen
zu profitieren:
 
* [https://github.com/addyosmani/es6-tools ECMAScript 6 Tools]
* [http://www.typescriptlang.org TypeScript]
 
====Generators====
*[http://www.2ality.com/2013/06/iterators-generators.html Axel Rauschmayer: Iterators and generators in ECMAScript 6 ]
*[http://www.2ality.com/2014/08/formatting-generator-asterisk.html Axel Rauschmayer: How should I format the ECMAScript 6 generator asterisk? ]
 
====Promises====
*[https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Promise MDB web doc: Promise]
*[http://www.html5rocks.com/en/tutorials/es6/promises/ html5rocks: JavaScript Promises]
*[http://www.peterkroener.de/ecmascript-6-promises/ Peter Körner: ECMAScript 6: Promises]


===Utilities===
===Utilities===
* [https://github.com/sergeche/eclipse-zencoding Zen-Coding mit Eclipse] – Ermöglicht es, Codesnippets zu generieren. Eine kleine Anleitung für Aptana: http://nooshu.com/aptana-on-steroids-using-zen-coding. Zen-Coding ist auch für andere Editoren und Entwicklungsumgebungen [http://code.google.com/p/zen-coding/downloads/list erhältlich] (wie beispielsweise für [[Notepad++]] oder [[Dreamweaver]]).
* [https://github.com/sergeche/eclipse-zencoding Zen-Coding mit Eclipse] – Ermöglicht es, Codesnippets zu generieren. Eine kleine Anleitung für Aptana: http://nooshu.com/aptana-on-steroids-using-zen-coding. Zen-Coding ist auch für andere Editoren und Entwicklungsumgebungen [http://code.google.com/p/zen-coding/downloads/list erhältlich] (wie beispielsweise für [[Notepad++]] oder [[Dreamweaver]]).
====Komprimierung und Reduktion der Anzahl der Dateien====
* [https://webpack.github.io/ WebPack]
* [http://yui.github.io/yuicompressor/ YUI Compressor]
* [https://www.npmjs.com/package/cssmin cssmin] und [https://github.com/mishoo/UglifyJS2 UglifyJS2] (mittels [https://gruntjs.com/ Grunt])


===Erstellung von App/Anwendungs-Dokumentationen===
===Erstellung von App/Anwendungs-Dokumentationen===
Zeile 58: Zeile 98:
** JSDoc-Dokumentation: ''Foundations of Ajax'' von Apress, ISBN 1-59059-582-3
** JSDoc-Dokumentation: ''Foundations of Ajax'' von Apress, ISBN 1-59059-582-3


Viele Frameworks nd Editoren unterstützen JSDoc von Haus aus:
Viele Frameworks und Editoren unterstützen JSDoc von Haus aus:


* [[WebStorm]]
* [[WebStorm]]
* [[IntelliJ IDEA]]
* [[NetBeans]]  
* [[NetBeans]]  
* [[RubyMine]]
* [[RubyMine]]
Zeile 78: Zeile 117:
Es gibt mehrere Cross-Compiler, die als Zielsprache (unter anderem) JavaScript unterstützen.     
Es gibt mehrere Cross-Compiler, die als Zielsprache (unter anderem) JavaScript unterstützen.     


* [https://developers.google.com/closure/compiler/?hl=de-D Google Closure Compiler] transformiert JavaScript in kompakteres JavaScript.<ref name="Closure Tools">[https://developers.google.com/closure/?hl=de-DE Google Closure Tools ]</ref>
* [https://developers.google.com/closure/compiler/?hl=de-D Google Closure Compiler] transformiert JavaScript in kompakteres JavaScript.
* [https://github.com/clojure/clojurescript/wiki ClojureScript] ([https://github.com/clojure/clojurescript Download]) transformiert die LISP-ähnliche Sprache [http://clojure.org/ Clojure] in JavaScript; der erzeugte Code ist mit dem „advanced compilation mode“  des [https://developers.google.com/closure/compiler/?hl=de-DE Google-Closure-Übersetzers] kompatibel.<ref>https://github.com/clojure/clojurescript/blob/master/README.md</ref>
* [https://github.com/clojure/clojurescript/wiki ClojureScript] ([https://github.com/clojure/clojurescript Download]) transformiert die LISP-ähnliche Sprache [http://clojure.org/ Clojure] in JavaScript; der erzeugte Code ist mit dem „advanced compilation mode“  des [https://developers.google.com/closure/compiler/?hl=de-DE Google-Closure-Übersetzers] kompatibel.
* [http://haxe.org/ HaXe] ist eine funktionale Sprache, die in diverse Zielsprachen übersetzt werden kann: C++, Flash, JavaScript, Neko, PHP, Tamarin, NodeJS.<ref>[http://haxe.org/doc HaXe-Dokumentation]</ref>
* [http://haxe.org/ HaXe] ist eine funktionale Sprache, die in diverse Zielsprachen übersetzt werden kann: C++, Flash, JavaScript, Neko, PHP, Tamarin, NodeJS.


===Übersichten im Web===
===Übersichten im Web===
* [[WikipediaEN: List of rich internet application frameworks|List of rich internet application frameworks]] (Wikipedia EN)
* [[WikipediaEN: List of rich internet application frameworks|List of rich internet application frameworks]] (Wikipedia EN)
* [[WikipediaEN: Multiple phone web-based application framework|Multiple phone web-based application framework]] (Wikipedia EN)
* [[WikipediaEN: Multiple phone web-based application framework|Multiple phone web-based application framework]] (Wikipedia EN)
===Frameworks===
* [https://github.com/aurelia/ Aurelia]


=== JavaScript-Bibliotheken===
=== JavaScript-Bibliotheken===
* [https://developers.google.com/closure/library/?hl=de-DE Google Closure Library], eine umfangreiche Cross-Browser-JavaScript-Bibliothek<ref name="Closure Tools"/>
* [https://developers.google.com/closure/library/?hl=de-DE Google Closure Library], eine umfangreiche Cross-Browser-JavaScript-Bibliothek
* [http://mootools.net/ mootools] (Zitat: “MooTools is a compact, modular, Object-Oriented JavaScript framework”), [http://mootools.net/core/ MooTools Core Builder], [http://mootools.net/more/ Mootools More Builder]
* [http://mootools.net/ mootools] (Zitat: “MooTools is a compact, modular, Object-Oriented JavaScript framework”), [http://mootools.net/core/ MooTools Core Builder], [http://mootools.net/more/ Mootools More Builder]
* [http://www.prototypejs.org/ prototype] (Klassen, Ajax, Event Handling)
* [http://www.prototypejs.org/ prototype] (Klassen, Ajax, Event Handling)
Zeile 131: Zeile 173:
=== JavaScript-Templates===
=== JavaScript-Templates===


* [https://developers.google.com/closure/templates/?hl=de-DE Google Closure Templates], ein Java/-JavaScript-Template-System, um server- und/oder client-seitig HTML-Templates zu erstellen.<ref name="Closure Tools"/>
* [https://developers.google.com/closure/templates/?hl=de-DE Google Closure Templates], ein Java/-JavaScript-Template-System, um server- und/oder client-seitig HTML-Templates zu erstellen.
 
=== JavaScript-Server-Technologie===
=== JavaScript-Server-Technologie===


Zeile 148: Zeile 189:


* [http://www.browserstack.com/ Browserstack] (alle Browser innerhalb eines Browsers testen - kostenpflichtig!)
* [http://www.browserstack.com/ Browserstack] (alle Browser innerhalb eines Browsers testen - kostenpflichtig!)
* [http://slimerjs.org/ SlimerJS]


=== Responsive Webdesign ===
=== Responsive Webdesign ===
Zeile 159: Zeile 201:
*http://joelb.me/scrollpath/
*http://joelb.me/scrollpath/


==Quellen==
==== BigInt ====
<source lang="javascript">
5.10 + 10.20 === 15.30 → false
 
let a = BigInt(2), b= 256n;


<references/>
console.log(a ** b);
<ol>
</source>
<li value="7">{{Quelle|Widjaja, S. (2012): I will Survive}}</li>
</ol>


[[Kategorie:JavaScript]]
[[Kategorie:JavaScript]]
[[Kategorie:Glossar]]
[[Kategorie:Glossar]]
[[en:JavaScript]]
[[en:JavaScript]]

Aktuelle Version vom 27. März 2023, 17:42 Uhr

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 2
(teilweise überprüft)
Umfang: 2
(wichtige Fakten fehlen)
Quellenangaben: 3
(wichtige Quellen vorhanden)
Quellenarten: 4
(sehr gut)
Konformität: 4
(sehr gut)

Im Artikel sind viele weiterführenden Verweise angegeben. Diese werden jeweils zu Beginn des Wintersemesters aktualisiert.

Derzeit sind viele Informationen veraltet. Dieser Artikel muss grundlegend überarbeitet werden.

Definition

ECMAScript (JavaScript) ist eine dynamisch typisierte Skriptsprache, die objektorientierte, funktionale und auch das imperative Programmierung unterstützt.

Anmerkungen

ECMAScript wird von den meisten Web-Browsern unterstützt, um HTML-Dokumente dynamisch erzeugen und verändern zu können (eine Ausnahme ist Lynx, ein textbasierter Webbrowser für den Einsatz in reinen Text-Terminals ohne Maus). Es gibt darüber hinaus auch serverseitige JavaScript-Frameworks (z.B. Node.js).

JavaScript wurde unter dem Namen ECMAScript von Ecma International standardisiert:

Beispiele aus der Vorlesung

Siehe ECMAScript/Beispiele

Siehe auch

JavaScript-Dokumentation und Tutorials

Style Guides

Frameworks für die JavaScript-Entwicklung

  • Eclipse mit JavaScript- und Web-Plugins (insbesondere Eclipse IDE for JavaScript Web Developers) – Ursprünglich eine Java-Entwicklungsumgebung, heute eine sehr weit verbreitete Universal-Entwicklungsumgebung.
  • WebStorm – Ein Ableger der Java-Entwicklungsumgebung IntelliJ IDEA von JetBrains. Für kommerzielle Projekte ist WebStorm kostenpflichtig.
  • Meteor (auch in Verbindung mit WebStorm)
  • Netbeans IDE – Eine weitere Java-Entwicklungsumgebung, die ebenfalls hervorragend zur Entwicklung von Web-Anwendungen geeignet ist.
  • Aptana Studio 3 – Apatana Studio kann sowohl als Standalone-Version (basierend auf Eclipse) als auch als Eclipse-Plugin heruntergeladen werden.
  • Appcelerator Titanium – Basiert ebenfalls auf Eclipse, dient zur Entwicklung von nativen iOS- und Adroid-Apps auf Basis von HTML5/CSS/JavaScript.
  • Adobe Edge Animate ist ein Werkzeug zur Erstellung von HTML5/CSS3/JavaScript-Animationen, wobei die Zeilleisten-Konzepte an Adobe Flash und Adobe After Effects erinnern.
  • Visual Studio

ECMAScript 6

ECMAScript 6 wurde bereits weitestgehend fertiggestellt.

Tools

Es gibt Tools, um ECMAScript 6 in ECMAScript 5 zu übersetzen und jetzt schon von den Erweiterungen zu profitieren:

Generators

Promises

Utilities

Komprimierung und Reduktion der Anzahl der Dateien

Erstellung von App/Anwendungs-Dokumentationen

Viele Frameworks und Editoren unterstützen JSDoc von Haus aus:

JavaScript-Cross-Compiler

Cross-Compiler erzeugen Compilate für bestimmte Zielumgebungen, die sich von der Umgebung, auf dem der Cross-Compiler läuft, unterscheiden. Ein Spezialfall sind Cross-Compiler, die Quellcode einer Programmiersprache in einen Quellcode einer anderen Programmiersprache übersetzen. Es gibt mehrere Cross-Compiler, die als Zielsprache (unter anderem) JavaScript unterstützen.

Übersichten im Web

Frameworks

JavaScript-Bibliotheken

MVC

Mobile

Android-Entwicklung

Canvas

Game Engines

JavaScript-Templates

  • Google Closure Templates, ein Java/-JavaScript-Template-System, um server- und/oder client-seitig HTML-Templates zu erstellen.

JavaScript-Server-Technologie

siehe Node.js

JavaScript-Testumgebungen

Responsive Webdesign

Beispiele

BigInt

5.10 + 10.20 === 15.30  false

let a = BigInt(2), b= 256n;

console.log(a ** b);