回答編集履歴

2

追記

2017/11/26 03:19

投稿

amadablam
amadablam

スコア402

test CHANGED
@@ -1,4 +1,6 @@
1
+ 基本の考え方は「オブジェクト.メソッド()」=「主体.処理()」という記述です。
2
+
1
- 「オブジェクト.メソッド()」という呼び出しにおいて、メソッドが返す値がオブジェクトであるならば、さらにそのオブジェクトのメソッドを呼び出すことが可能です。
3
+ そしてこの「オブジェクト.メソッド()」という呼び出しにおいて、メソッドが返す値がオブジェクトであるならば、さらにそのオブジェクトのメソッドを呼び出すことが可能です。
2
4
 
3
5
  提示の例では、documentオブジェクトのgetElementByIdメソッドはElementオブジェクトを返すため、そのElementオブジェクトのtextContentメソッドを呼び出しているということです。
4
6
 
@@ -13,3 +15,9 @@
13
15
  elem.textContent();
14
16
 
15
17
  ```
18
+
19
+
20
+
21
+ このような「オブジェクト.メソッド().メソッド()...」のような呼び出しを「メソッド・チェーン」と呼びます。
22
+
23
+ メソッド・チェーンをきちんと理解するためには、呼び出したメソッドが単なるリテラル値(数値など)を返すのかオブジェクトを返すのか、またオブジェクトを返すのであればどのようなオブジェクトを返すのかをAPIリファレンスで調べながら学習することが重要になります。

1

修正および追加

2017/11/26 03:19

投稿

amadablam
amadablam

スコア402

test CHANGED
@@ -1,5 +1,15 @@
1
1
  「オブジェクト.メソッド()」という呼び出しにおいて、メソッドが返す値がオブジェクトであるならば、さらにそのオブジェクトのメソッドを呼び出すことが可能です。
2
2
 
3
- 提示の例では、documentオブジェクトのgetElementByIdメソッドはElementオブジェクトを返すため、その
3
+ 提示の例では、documentオブジェクトのgetElementByIdメソッドはElementオブジェクトを返すため、そのElementオブジェクトのtextContentメソッドを呼び出しているということです。
4
4
 
5
+ すなわち以下コードを1行で記述しているだけです。
6
+
7
+
8
+
9
+ ```javascript
10
+
5
- ElementオブジェクトのtextContentメソッドを呼び出しているということです。
11
+ var elem = document.getElementById("myid");
12
+
13
+ elem.textContent();
14
+
15
+ ```