Javascript Konventionen

Die nachfolgenden Konventionen werden in brandbox bei der Erstellung von Javascript-Code verwendet.

Variablendeklarationen

Javascriptvariablen dürfen in brandbox mit let oder const definiert werden. Die genaue Funktionsweise von let kann hier und die Funktionsweise von const hier nachgelesen werden. In den meisten Fällen kann eine Variable mit const definiert werden.

Semikolon

Das Semikolon (;) ist in Javascript nicht zwingend erforderlich und kann ausgelassen werden.

Klassenstruktur

Javascript besitzt seit ES6 eine Klassenstruktur die auch in brandbox eingesetzt werden soll.

Einfache Klassenstruktur

'use strict'

class CustomClass {

	// "Public" Property
	something = 'strange'

	// "Private" Property (not the same as "example")
	_example = 1234

	get example() {
		
		// Getter (used like property e.g. instance.example)
	}

	set example(value) {

		// Setter (used like property e.g. instance.example = 'something')
	}

	constructor() {

		// Class Constructor
	}

	hello() {
	
		// "Public" Method
	}

	_world() {
		
		// "Private" Method
	}
}

brandbox Klassenmodul

'use strict'

class CustomBrandboxClass {

	call(element) {

	}

	initialise() {

	}

	register() {

	}

}

Asychrone Funktionen

Durch ES6 können Funktionen als "asynchron" gekennzeichnet werden. Im Javascript von brandbox dürfen diese ebenfalls genutzt werden. Auf oberster Ebene stehen diese allerdings noch nicht zur Verfügung. Weitere Informationen zu async sind hier und Informationen zu await sind hier zu finden.

async function example() {
	return new Promise((resolve, reject) => {
		
		return 1234
	})
}

async function one() {
	
	const result = await example()

	return result + 44
}

function two() {
	
	example().then(result => {
		
		// console.log(result)
	})
}