ECMAScript/Beispiele - Versionsgeschichte

Kowa: /* Export/Import */

2023-04-16T17:09:16Z

Export/Import

@@ Zeile 220: / Zeile 220: @@
 // Dynamisches Laden zur Laufzeit (relativ neu)
 import('./aux.js').then( aux => { console.log(aux.a, aux.b); } );
 </source>

Kowa am 29. März 2023 um 09:06 Uhr

2023-03-29T09:06:16Z

← Nächstältere Version		Version vom 29. März 2023, 09:06 Uhr
Zeile 1:		Zeile 1:
			== <code>console.log</code> ==
			<source lang="javascript">
			let a = 5, b = 6

			console.log(a);
			console.log(a, b);
			console.log(a, ' != ', b);
			</source>

	== Kommentare ==		== Kommentare ==
	<source lang="javascript">		<source lang="javascript">

Kowa am 29. März 2023 um 08:51 Uhr

2023-03-29T08:51:40Z

← Nächstältere Version		Version vom 29. März 2023, 08:51 Uhr
Zeile 47:		Zeile 47:
	<source lang="javascript">		<source lang="javascript">
	let a = 5		let a = 5
	console.log(`aabc`) => aabc		console.log(`aabc`) // aabc
	console.log(`a${a}bc`) => a5bc		console.log(`a${a}bc`) // a5bc
	console.log(`a${a+2}bc`) => a7bc		console.log(`a${a+2}bc`) // a7bc
	console.log(`a${a}+2bc`) => a5+2bc		console.log(`a${a}+2bc`) / a5+2bc

			let o = {x: 258, y: 400, vx: 80, vy: -200}

	`{x: ${this.x}, y: ${this.y}, vx: ${this.vx}, vy: ${this.vy}}`		`{x: ${this.x}, y: ${this.y}, vx: ${this.vx}, vy: ${this.vy}}`
	=>		// {x: 258, y: 400, vx: 80, vy: -200}
	{x: 258, y: 400, vx: 80, vy: -200}

	'{x: ' + this.x + ', y: ' + this.y + ', vx: ' + this.vx + ', vy: ' + this.vy + '}'		'{x: ' + this.x + ', y: ' + this.y + ', vx: ' + this.vx + ', vy: ' + this.vy + '}'
	=>		// {x: 258, y: 400, vx: 80, vy: -200
	{x: 258, y: 400, vx: 80, vy: -200

	let select =		let select =
Zeile 64:		Zeile 64:
	FROM haendler		FROM haendler
	`		`
			console.log(select);

			select =
			'SELECT * ' +
			'FROM haendler'

			console.log(select);
	</source>		</source>

Kowa: /* Quotes */

2023-03-27T16:53:15Z

Quotes

← Nächstältere Version		Version vom 27. März 2023, 16:53 Uhr
Zeile 46:		Zeile 46:
	== Quotes ==		== Quotes ==
	<source lang="javascript">		<source lang="javascript">
	let a = 5;		let a = 5
	console.log(`aabc`) => aabc		console.log(`aabc`) => aabc
	console.log(`a${a}bc`) => a5bc		console.log(`a${a}bc`) => a5bc
Zeile 60:		Zeile 60:
	{x: 258, y: 400, vx: 80, vy: -200		{x: 258, y: 400, vx: 80, vy: -200

	~~var~~ select =		let select =
	`SELECT *		`SELECT *
	FROM haendler		FROM haendler
	`;		`
	</source>		</source>

Kowa: /* Export/Import */

2023-03-27T16:47:10Z

Export/Import

← Nächstältere Version		Version vom 27. März 2023, 16:47 Uhr
Zeile 203:		Zeile 203:

	// Dynamisches Laden zur Laufzeit (relativ neu)		// Dynamisches Laden zur Laufzeit (relativ neu)
	import('./aux.js').then( (aux) => { console.log(aux.a, aux.b); } );		import('./aux.js').then( aux => { console.log(aux.a, aux.b); } );
	</source>		</source>

Kowa: /* Destructuring */

2023-03-27T16:42:35Z

Destructuring

@@ Zeile 140: / Zeile 140: @@
 == Destructuring ==
 <source lang="javascript">
-let a, b, rest
+let a, b, rest,
 [a, b] = [10, 20];
@@ Zeile 165: / Zeile 167: @@
 console.log(b); // 20
 console.log(rest); // { c: 30, d: 40 }
 </source>

Kowa: /* Spread-Operator */

2023-03-27T16:40:52Z

Spread-Operator

@@ Zeile 136: / Zeile 136: @@
    o2c = { a: 3, c: 4, ...o1 }, // { a: 1, b: 2, c: 4}
    o3  = { a: 3, b: 2, a: 1 }   // { a: 1, b: 2 }
 </source>

Kowa: /* Deklarationen */

2023-03-27T16:11:35Z

Deklarationen

@@ Zeile 79: / Zeile 79: @@
 const c = 'abc'  // c === 'abc'
 c = 'def';       // Error
 </source>

Kowa: Die Seite wurde neu angelegt: „== Kommentare == // Einzeiliger Kommentar /* Das ist ein langer, * mehrzeiliger Kommentar / / Man kann keine Kommentare, /* Ve…“

2023-03-27T16:03:40Z

Die Seite wurde neu angelegt: „== Kommentare == <source lang="javascript"> // Einzeiliger Kommentar Das ist ein langer, * mehrzeiliger Kommentar: /* Man kann keine Kommentare, /* Ve…“

Neue Seite

== Kommentare ==
<source lang="javascript">
// Einzeiliger Kommentar

/* Das ist ein langer,
* mehrzeiliger Kommentar
*/

/* Man kann keine Kommentare, /* Verschachteln */ SyntaxError */
</source>

== Werte ==
<source lang="javascript">
// Zahlen
5; -3.21; 0.255e+3; NaN; +Infinity; -Infinity; 0xff /* Hex */

// BigInt
BigInt(9007199254740991); BigInt("9007199254740991")
typeof 1n === 'bigint' // true
typeof BigInt('1') === 'bigint' // true

// NULL
null; undefined; NaN; null !== undefined; null == undefined

// Boolean
true; false

(5 < 2) == null
(5 < 2) == undefined
(5 < 2) == NaN
(5 < 2) == 0
(5 < 2) == -0
(5 < 2) == 0n
(5 < 2) == -0n

// String
''; 'a'; 'abc'; "abc"; `abc`

// Array
[1]; [1,2]; []; ['a', 2, true, []]

// Object
{a: 1}; {a: 1, b: 7}; {}; {"name": "Wolfgang", "geb": 1961, "HSA-Dozent": true, urenkel: []}
</source>

== Quotes ==
<source lang="javascript">
let a = 5;
console.log(`aabc`) => aabc
console.log(`a${a}bc`) => a5bc
console.log(`a${a+2}bc`) => a7bc
console.log(`a${a}+2bc`) => a5+2bc

`{x: ${this.x}, y: ${this.y}, vx: ${this.vx}, vy: ${this.vy}}`
=>
{x: 258, y: 400, vx: 80, vy: -200}

'{x: ' + this.x + ', y: ' + this.y + ', vx: ' + this.vx + ', vy: ' + this.vy + '}'
=>
{x: 258, y: 400, vx: 80, vy: -200

var select =
`SELECT *
FROM haendler
`;
</source>

== Deklarationen ==
<source lang="javascript">
let a // a === undefined
let a: number // TypeScript
a = 5; // a === 5
a = 'abc'; // a === 'abc', TypeScript: Error

let b = 7 // b === 7, TypeScript: b ist vom Typ number
b = 13.33; // b === 13.333

const c // Error
const c = 'abc' // c === 'abc'
c = 'def'; // Error
</source>

ECMAScript/Beispiele - Versionsgeschichte

Kowa: /* Export/Import */

Kowa am 29. März 2023 um 09:06 Uhr

Kowa am 29. März 2023 um 08:51 Uhr

Kowa: /* Quotes */

Kowa: /* Export/Import */

Kowa: /* Destructuring */

Kowa: /* Spread-Operator */

Kowa: /* Deklarationen */

Kowa: Die Seite wurde neu angelegt: „== Kommentare == // Einzeiliger Kommentar /* Das ist ein langer, * mehrzeiliger Kommentar */ /* Man kann keine Kommentare, /* Ve…“

Kowa: Die Seite wurde neu angelegt: „== Kommentare == // Einzeiliger Kommentar /* Das ist ein langer, * mehrzeiliger Kommentar / / Man kann keine Kommentare, /* Ve…“