深入理解 Dart 函数 - 掌握跨端开发核心技能

大家好！我是程序员 NEO 👋

让我们开始今天的技术分享~

前言

• 在 Dart 和 JavaScript 中，函数是一种将代码封装以便重用使用的基本构建块
• 这两种语言在定义和使用函数方面有很多相似之处
• 但是呢，也有一些关键的差异
• 本文主要介绍 Dart 中函数的使用，以及 Dart 中函数的一些特性

正文

Dart 中的函数

• 在 Dart 中，可以定义具有或不具有返回类型的函数
• 在 Drat 中，函数是可以传递参数，包括可选参数和具有默认值的参数

定义一个简单的函数：

void printInteger(int aNumber) {
  // 打印到控制台
  print('The number is $aNumber.');
}

void main() {
  printInteger(10);
}

定义带返回值的函数：

int add(int a, int b) {
  return a + b;
}

void main() {
  print(add(1, 2));
}

定义带可选命名参数的函数：

void enableFlags({bool bold = false, bool hidden = false}) {
  print(bold);
  print(hidden);
}

void main() {
  enableFlags(bold: true, hidden: false);
}

• 可选命名参数使用大括号 {} 括起来，使用时需要指定参数名
• 在Dart中，命名参数的默认值不能是 null

异同点

类型注释

• Dart：静态类型语言，可以(但不是必须)在函数参数和返回值上指定类型
• JavaScript：动态类型语言，不需要(也不能)在函数参数或返回值上指定类型

默认参数和可选参数

• Dart：支持命名可选参数(使用大括号 {})和位置可选参数(使用方括号 [])
• Dart: 可以为可选参数提供默认值
• JavaScript：不支持命名可选参数，但可以通过对象解构来模拟
• JavaScript：支持默认参数值

函数表达式

• Dart 和 JavaScript 都支持匿名函数或箭头函数(=> 和 () => )

上下文绑定

• 在 JavaScript 中，函数中的 “this" 关键字的值取决于函数的调用方式，这可能导致一些混乱
• Dart 中没有这样的概念

如上的内容，我觉得大家，唯一有疑惑的就是 Dart 中的可选参数，下面我就来详细介绍一下 Dart 中的可选参数主要是位置可选参数和命名可选参数。

可选参数

• Dart 中的可选参数分为两种，一种是位置可选参数，一种是命名可选参数

命名可选参数，其实上面已经介绍了，主要介绍下位置可选参数

• 位置可选参数通过方括号 [] 定义在函数参数列表中，使用时按照参数位置传递值
• 也可以为位置可选参数提供默认值，使得调用函数时可以省略这些参数

void printInfo(String name, String address, [int age = 25]) {
  print('$name, $address, $age');
}

void main() {
  // 使用位置参数调用函数
  printInfo('John', '123 Main St');
  
  // 也可以提供可选参数的值
  printInfo('Alice', '456 Oak St', 30);
}

注意点

• 在 Dart 中定义函数如果出现同名的函数，参数不一样，那么 Dart 会报错，所以说不能出现同名的函数
• 在 Dart 中定义函数，如果参数没有指定对应的类型，默认是 dynamic 类型
• 在 Dart 中万物皆对象，函数也是对象，所以函数可以赋值给变量，也可以作为参数传递给其他函数