Need help understanding a javascript syntax and notation [duplicate]

Question

I recently started learning AngularJS using the Google documentation, and I ran into a notation I am unfamiliar with.

The general syntax that I am confused with is as follows:

 someObject(someParams)
.SomeFunction()
.SomeFunction()
.SomeFunction()

The problem is that typically I am used to seeing

SomeObject.someFunction()
SomeObject.someFunction()
SomeObject.someFunction()

Can someone please clarify what is going on here? Am I missing something? If it helps at all, I teach Java Programming and am very good with C# and Java so maybe that can help someone gear up an answer for me.

Chaining Methods. Plenty of tutorials out there explaining how it works. — epascarello
– epascarello, Commented Feb 4, 2016 at 20:58
so this is called "chaining methods"? do you have a tutorial you would recommend? — Kurtis Durtis
– Kurtis Durtis, Commented Feb 4, 2016 at 20:59
The builder pattern is one way to do this, where the object modifies and returns itself or returns a copy. — ssube
– ssube, Commented Feb 4, 2016 at 21:03
promise chains. It's an adjustment coming from Java but it's at the heart of the asynchronous power of JavaScript. Here's the angular.js documentation: docs.angularjs.org/api/ng/service/$q. I've also found this overview summary helpful (though its for a different promise library): github.com/kriskowal/q — obi1
– obi1, Commented Feb 4, 2016 at 21:04

Tushar · Accepted Answer · 2016-02-05 03:32:49Z

0

This is method chaining, and it's common in many libraries, including AngularJS, and jQuery.

If a method is not used to return new information (such as getting the value of an input, or an element attribute), the normal behavior is for it to return the same object that it was called on. This way, instead of having to say SomeObject. repeatedly, you can simply call the next method on the return value of the previous method. Because of this, the chained methods are equivalent to the code you're used to seeing.

edited Feb 5, 2016 at 3:32

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

answered Feb 4, 2016 at 22:13

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Need help understanding a javascript syntax and notation [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related