return promiseの直後にthenが記載されている場合の動きについて

Question

promiseを返却するようなfunctionで、return promise の次の行あたりに.thenが記載されているようなコードを見ることがあります。

例えば次のようなコードです。
引用元：こちら

app.factory('PopulationFactory', function ($http) {


	var PopulationFactory = {

		getAllViews: function() {
			return $http.get('/views')
			.then(function(res) {
				return res.data
			})
		},

		getAllUsers: function() {
			return $http.get('http://127.0.0.1:1337/api/users')
			.then(function(res) {
				return res.data;
			});
		},

		getAllProducts: function() {
			return $http.get('http://127.0.0.1:1337/api/products')
			.then(function(res) {
				return res.data;
			});
		},


	};

	return PopulationFactory;

});

この場合、functionの戻り値はpromiseとなり、受け取り側でも.thenを記述することができると思います。
function側に記載されているthenの実行タイミングや、利用意義が良く分かりません。

そもそも、returnの後に何か実行を期待する命令が記載されていること自体が良く分かっていません。（そこでfunctionの実行は完了してしまうのでは？）

戻り値を返しているfunction側で、returnの後に記載されているthenは、いつどのタイミングで動作し、どのような役割で利用されることが多いのでしょうか？

Answer 1

この場合、.thenは前の行とつながって、$http.get(...).then(...)が返り値となります。

JavaScriptの場合、一部の箇所（return (直後に改行)など）を除いて、改行を無視して文法的に矛盾しないなら、改行はただのスペースと同じ扱いとなります。

Comments

[akabee]

改行していると見るのではなく、return promise.then(...)と記載されていると見るということですかね。
では関数の呼び元でも戻り値のpromiseに対しthenを定義している場合、関数内のthenは上書きされるような動きになりますか？

[maisumakun]

上書きではなく、前の`.then`の値によって動作が変化します（Promise以外の値を返した場合、最初に設定した`then`の後に、次に設定した`then`が動き出します）。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#チェーン

[akabee]

なるほど、チェーンになるのですか。考えてみれば当たり前ですね。ありがとうございます。納得しました。