首页 > 建站教程 > dart >  dart中箭头表达式与js中箭头表达式对比正文

dart中箭头表达式与js中箭头表达式对比

dart中箭头表达式与js中箭头表达式对比:
1、unexpected text ‘if’
List<int> list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
list.forEach((num) => {
    if (num % 2 == 0) {
      
    }
});
    if这儿报错,报错提示是unexpected text ‘if’,如下图所示:



    一提起箭头表达式,我们先想起的肯定是js,那我们看下js中箭头表达式的用法。

2、js中的箭头表达式
    我们看下js中箭头表达式的定义:箭头函数表达式.

    基础语法如下:
(参数1, 参数2, …, 参数N) => { 函数声明 }

//相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }
(参数1, 参数2, …, 参数N) => 表达式(单一)

// 当只有一个参数时,圆括号是可选的:
(单一参数) => {函数声明}
单一参数 => {函数声明}

// 没有参数的函数应该写成一对圆括号。
() => {函数声明}
    在js中执行下面代码,不会报错。
var list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
list.forEach((num) => {
    if (num % 2 == 0) {
        console.log('num:' + num);
    }
});
    输出如下:

num:2
num:4
num:6
num:8
num:10

    这说明js中的箭头表达式的方法体中是支持if语句的。

3、Dart中的箭头表达式
    既然js中的箭头表达式中的方法体可以包含if语句,那么我们就在dart的文档中找关于箭头表达式的用法了。

    我们看下dart官网的说明:Functions,具体如下:
isNoble(atomicNumber) {
  return _nobleGases[atomicNumber] != null;
}
    对于只包含一个表达式的方法,你可以使用简写语法:
bool isNoble(int atomicNumber) => _nobleGases[atomicNumber] != null;
    这里的=> expr语法是对{ return expr; }的简写,=>符号有时可以当做箭头表达式。

    Note: 只有表达式——而不是声明——才能出现在 箭头(=>) 和 分号(;) 之间。比方说,你不能在这里使用if声明,但是你可以使用条件表达式。

    好了,dart官网已经说的很清楚了,它里面的 => 并不等同于我们所说的箭头表达式,是有条件限制的。方法体只包含一个表达式时,可以使用箭头表达式方法进行简写。

    好了,既然dart中的箭头表达式只支持单行表达式,那么我们这里是不能使用它了,那么我们去掉箭头,使用匿名方法即可,如下所示:
List<int> list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
list.forEach((num) {
    if (num % 2 == 0) {
        print('num:$num');
    }
});
输出如下:

num:2
num:4
num:6
num:8
num:10

4、结论
    在使用Dart时,我们只需要记住一句话,方法体只包含一个表达式时,可以使用箭头表达式方法进行简写。这个跟语句加不加括号无关。