2. Blocs de code
Les gestionnaires de signal tels que onClicked, utilisé pour traiter le clic sur un bouton
à la Section 3.4, Réactions au clic sur un bouton, ne prennent pas une expression, mais
bien un véritable bout de code : une suite d'instructions, pas simplement une valeur. Le
cas présenté ne montre qu'une seule instruction. Pour en présenter plusieurs, il faut
définir un bloc de code. Là où Python utilise l'indentation, JavaScript utilise des
accolades : le début du bloc est indiqué par { , la fin par }.
Ainsi, pour afficher dans la console la nouvelle taille suite à l'appui sur un bouton de
l'exemple de la Section 3.4, Réactions au clic sur un bouton, le code peut être modifié
comme suit :
ApplicationWindow {
Button {
id: increaseButton
text: qsTr("Increase size")
// …
onClicked: {
text.font.pointSize += 1;
console.log(text.font.pointSize);
}
}
// …
}
La fonction console.log sert à afficher du texte dans la console, dont la sortie est
recopiée par Qt Creator. Puisqu'il s'agit d'une deuxième instruction à effectuer lorsque
le signal de clic arrive, il est nécessaire de définir un bloc de code, entre les
accolades.
Attention > Comme en Python, les points-virgules en fin d'instruction ne sont pas
obligatoires. Par contre, en JavaScript, il est recommandé d'en mettre, afin d'éviter
certains problèmes quand une ligne commence par une parenthèse.
De tels blocs peuvent contenir des variables, qui ont la même signification qu'en
Python. La différence est qu'elles doivent être déclarées avec le mot clé var avant toute
utilisation, par exemple comme ici pour définir un tableau de trois éléments :
{
var array = [1, 2, 3];
291