CODEWITHSUNDEEP
dartflutter
user10583336
user10583336

Reputation: 457

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

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(() {})

Upvotes: 28

Views: 8056

Answers (2)

Rémi Rousselet
Rémi Rousselet

Reputation: 277477

The .. operator is dart "cascade" operator. Useful for chaining operations when you don't care about the return value. This is also dart solution to chainable functions that always return this

It is made so that the following

final foo = Foo()
 ..first()
 ..second();

Is strictly equals to this:

final foo = Foo();
foo.first();
foo.second();

Upvotes: 72

Sederqvist
Sederqvist

Reputation: 2971

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!

Upvotes: 7

Related Questions