Dart – Notación de flecha gorda

En Dart, tenemos la notación de flecha ancha ( => ). Una flecha gruesa se usa para definir una sola expresión en una función. Esta es una forma más limpia de escribir funciones con una sola instrucción.

Declaración de expresión de flecha gruesa en dart –

Sintaxis:

ReturnType FunctionName(Parameters...) => Expression;

En la sintaxis anterior:

• ReturnType consta de tipos de datos como void,int,bool, etc.
• FunctionName define el nombre de la función.
• Los parámetros son la lista de parámetros que requiere la función.

Veamos cómo podemos escribir el siguiente código de una manera más corta.

void main() {
    
  perimeterOfRectangle(47, 57);
   
}
 
void perimeterOfRectangle(int length, int breadth) {
  var perimeter = 2 * (length + breadth);
  print('The perimeter of rectangle is $perimeter');
}

Producción:

The perimeter of rectangle is 208

Cuando el cuerpo de la función contiene solo una línea, puede omitir las llaves y la declaración de retorno a favor de la «sintaxis de flecha» como se muestra a continuación:

void main() {
  perimeterOfRectangle(47, 57);
 }
 
// Arrow Syntax
void perimeterOfRectangle(int length, int breadth) =>
  print('The perimeter of rectangele is ${2 * (length + breadth)}');

Producción:

The perimeter of rectangele is 208

Si comparamos el código anterior, obtuvimos el mismo resultado con mucho menos código usando la notación de flecha gruesa.

Ejemplo 1:

Considere el siguiente código:

void sum (int x, int y) {
   
  // printing the result
  print( 'sum is ${x + y}');
}
 
void main (){
  sum(5,2);
}

Producción:

sum is 7

Las funciones dadas se pueden optimizar con la ayuda de una flecha gruesa en Dart y podemos obtener el mismo resultado:

void main(){
  sum(2,5);
}
 
// Arrow Syntax
void sum(int x,int y) => print('sum is ${ x + y}');

Producción:

sum is 7

Puntos para recordar:

• La flecha gruesa es una forma limpia de escribir la expresión de una función en una sola línea.
• La notación de flecha gruesa no tiene el cuerpo de declaraciones ‘ { } ‘ .
• El cuerpo de la declaración se reemplaza con una flecha gruesa ‘ => ‘ que apunta a una sola declaración.