What does that 2 dots mean? What is the difference between 1 and 2?

Question

I have seen a lot of tutorials using dot, while some use 2. What is the actual meaning of this?

Example,

Array().add()

Animation()..addListener(() {         


        

Answer 1

Just to be a nitpicker, .. isn't actually an operator in Dart, just part of Dart's syntactic sugar.

In addition to the mentioned use of cascades for chaining calls to functions, you can also use it to access fields on the same object.

Consider this code, taken from the Dart documentation:

querySelector('#confirm') // Get an object.
  ..text = 'Confirm' // Use its members.
  ..classes.add('important')
  ..onClick.listen((e) => window.alert('Confirmed!'));

The first method call, querySelector(), returns a selector object. The code that follows the cascade notation operates on this selector object, ignoring any subsequent values that might be returned.

For more information about cascades, check out Dart's outstanding documentation!