dart - 我可以在 dart 的主要功能之外使用 queryselector 吗？

Question

在很多例子中我看到这样的代码:

InputElement task;

void main() {
  task = querySelector('#task');
  task.text = "blabla";
}

这样做好像效果一样。

InputElement task = querySelector('#task');

void main() {
  task.text = "blabla";
}

我更喜欢第二种方式，但我不确定是否有任何区别，或者第二种方式可能会破坏某些东西。

Answer 1

是的，您可以在顶层调用 querySelector。

但是请注意评估的顺序，因为必须首先初始化 DOM。通常，dart 脚本标记位于主体的末尾，因此 main 在 DOM 创建后运行。

对于顶级变量，右侧的表达式在第一次使用变量时计算。

考虑以下打印 1、2、3 的示例。

int i = foo();

foo() {
  print('#2');
  return 42;
}

main() {
 print('#1');
 int k = i;  // i is accessed for the first time, so foo() is called.
 print('#3');
}