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)
})
}