トップ jQueryに関する質問 jqueryのこの記述のどこが間違っているでしょうか。

編集履歴

回答編集履歴

テキスト追加

2018/03/14 07:26

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -422,13 +422,13 @@
 いいえ、そうではありません。
-プロトタイプとは何か？を説明すると長くなってしまうので、以下は
+プロトタイプとは何か？を説明すると長くなってしまうので、ここでは
 私がJSの基本書として信頼している、
 「徹底マスター JavaScriptの教科書」 第9章オブジェクト  9.1.2 プロトタイプ
-から、以下、引用します。
+からの引用に留めておきます。

テキスト追加

2018/03/14 07:26

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -385,3 +385,151 @@
 という言い方になるでしょう。
+---
+**追記4**
+**1. test と test() の違い**
+> 私が最初に書いた「test.sample()」は私は「test関数の中のsample関数を実行する」という意味だと思ってましたが、ここでの「test」は定義しただけの関数で実行されていないから、test.sample()と書いてもそもそも実行されていないtest関数の中のsample関数が実行されるわけがない、ということでしょうか。
+はい。
+そういう考え方で概ねよいと思います。
+使いたいのは、test そのものではなくて、 test を実行したときに返されるオブジェクトの sample プロパティなので、test() というふうに () が必要ということですね
+**２. プロトタイプ**
+> ちなみにプロトタイプというのはStringオブジェクトをDOMに変換した型?のことでしょうか。
+いいえ、そうではありません。
+プロトタイプとは何か？を説明すると長くなってしまうので、以下は
+私がJSの基本書として信頼している、
+「徹底マスター JavaScriptの教科書」 第9章オブジェクト  9.1.2 プロトタイプ
+から、以下、引用します。
+— 引用ここから —
+> プロトタイプオブジェクト
+> JavaScript の関数は、関数オブジェクトであり、関数オブジェクトは標準で
+prototype プロパティを持っています。
+>
+> `function F() {};`
+> `console.log(F.prototype);  // → Object {} `
+> 関数のprototype プロパティが参照しているオブジェクトを、その関数の
+プロトタイプオブジェクトといいます。
+デフォルトでは、 prototypeプロパティは空のオブジェクトを参照しています。
+> プロトタイプオブジェクトのプロパティは、コンストラクタによって生成されたすべての
+インスタンスから、あたかもそのインスタンスのプロパティであるかのように参照できます。
+— 引用ここまで —
+今現在、webstrerさんは、初学者とのことですので、学習を進めていったときに、
+いずれ出てくると思いますので、現時点では、「そういうものがあるんだ」程度の理解で
+大丈夫です。
+**３. 「評価」という概念について**
+プログラミング初学者の段階で、「評価」の厳密な定義を調べたり、覚えたりする必要はなく、
+ごく直感的に、式を計算した結果とか、関数を実行した結果、ぐらいに思っておけば問題
+ないです。
+たとえば
+・`1+1`  を評価すると、2 です。
+・`"Hello".toUpperCase()` を評価すると “HELLO” です。
+・`100` を評価すると、100 です。
+みたいな感じです。
+いろいろ脇道にそれたことをつけ加えた回答になり、
+かえって混乱させてしまっていたら、すみません。
+初学者のうちは、「これの考え方は、こうでいいのか？」という疑問が、いろいろ
+出てくるとは思いますが、ある程度割り切って、
+「今のところはこう考えておいて、あとでつじつまが合わないことが出てきたら、
+そのときに考え方を修正しよう」
+ということで進めていくことも、けっこう大事です。
+その上で、どうしてもここは突っ込んで理解しておきたい、という疑問が出てくれば、
+また、新たなご質問として投稿されるとよろしいかと思います。

テキスト修正

2018/03/14 05:13

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -294,7 +294,7 @@
-のいずれの場合にも当てはまりますし、さらに、ご質問のコードには無い例として
+のいずれの場合も説明がつきますし、さらに、ご質問のコードには無い例として
@@ -308,7 +308,11 @@
 文字列で、文字列は `toUpperCase()` 関数を呼ぶことができて、
-結果としては `"HELLO WORLD"` が得られます。
+結果としては `"HELLO WORLD"` が得られることについても
+矛盾しません。
 ですので、

テキスト修正

2018/03/11 14:44

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -80,11 +80,11 @@
-上記では、 `test` に関数を代入していますが、これを、関数を実行した結果が
+上記では、 `test` に関数を代入していますが、これを、関数が返す値が
 `test` に入るように修正します。
-そのためには、以下のように、最後の `}` の後に、 `()` を追加して
+そのために、以下のように、最後の `}` の後に、 `()` を追加して

テキスト修正

2018/03/11 14:37

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -352,13 +352,13 @@
 実状は少し違っていて、`"hello world"` という文字列が、`toUpperCase` を持って
-いるのはなく、 Stringオブジェクトのプロトタイプである`String.prototype`
+いるのはなく、 Stringクラスのプロトタイプである`String.prototype`
 が `toUpperCase` を持っていて、
 `"hello world".toUpperCase()`
-としたときは、`String.prototype`　の持っている `toUpperCase()` が呼ばれます。
+としたときは、この `String.prototype` の持っている `toUpperCase()` が呼ばれます。
 ですので、この状況までも含めるならば、

テキスト修正

2018/03/11 14:33

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -80,9 +80,11 @@
-上記で、 `test` に関数を代入するのではなく、関数を実行した
+上記では、 `test` に関数を代入していますが、これを、関数を実行した結果が
+`test` に入るように修正します。
-結果を入れるために、以下のように、最後の `}` の後に、 `()` を追加して
+そのためには、以下のように、最後の `}` の後に、 `()` を追加して

テキスト修正

2018/03/11 14:11

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -292,7 +292,7 @@
-のいずれの場合にも当てはまりますし、さらには、
+のいずれの場合にも当てはまりますし、さらに、ご質問のコードには無い例として

テキスト修正

2018/03/11 14:05

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -346,11 +346,13 @@
 追記2で提示した考え方を説明する最後の例では、 文字列 `"hello world"` が `toUpperCase`
-という関数型のプロパティを持っているかのように思われてしまうかもしれませんが、実状は少し違っていて、
+という関数型のプロパティを持っているかのように思われてしまうかもしれませんが、
-`"hello world"` という文字列が、`toUpperCase` を持っているのはなく、 Stringオブジェクト
+実状は少し違っていて、`"hello world"` という文字列が、`toUpperCase` を持って
+いるのはなく、 Stringオブジェクトのプロトタイプである`String.prototype`
-のプロトタイプである`String.prototype`　が `toUpperCase` を持っていて、
+が `toUpperCase` を持っていて、
 `"hello world".toUpperCase()`

テキスト修正

2018/03/11 13:07

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -344,19 +344,17 @@
-提示した考え方を説明する、最後の例では、 文字列 "hello world" が `toUpperCase`
+追記2で提示した考え方を説明する最後の例では、 文字列 `"hello world"` が `toUpperCase`
-という関数型のプロパティを持っているかのように解釈されてしまいますが、実状は少し違っていて、
+という関数型のプロパティを持っているかのように思われてしまうかもしれませんが、実状は少し違っていて、
+`"hello world"` という文字列が、`toUpperCase` を持っているのはなく、 Stringオブジェクト
+のプロトタイプである`String.prototype`　が `toUpperCase` を持っていて、
-"hello world" という Stringオブジェクト自体が、`toUpperCase` を
+`"hello world".toUpperCase()`
-持っているのはなく、 Stringオブジェクト のプロトタイプである
-`String.prototype`　が、`toUpperCase` を持っていて、`"hello world".toUpperCase()`
- としたときは、`String.prototype`　の持っている `toUpperCase()` が呼ばれます。
+としたときは、`String.prototype`　の持っている `toUpperCase()` が呼ばれます。
 ですので、この状況までも含めるならば、
@@ -368,9 +366,11 @@
 と書きたい時には、
-〇〇 が評価された結果のオブジェクト、あるいは、そのオブジェクトの（プロトタイプチェーン上の、
+〇〇 が評価された結果のオブジェクト、あるいは、そのオブジェクトの
+（プロトタイプチェーン上にある、いずれかの）プロトタイプが △△という
-いずれかの）プロトタイプが △△というプロパティを持っていて、その△△が関数である必要がある。
+プロパティを持っていて、その△△が関数である必要がある。
 ```

テキスト修正

2018/03/11 13:06

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -368,9 +368,9 @@
 と書きたい時には、
-〇〇 が評価された結果のオブジェクト、あるいは、そのオブジェクトのプロトタイプが
+〇〇 が評価された結果のオブジェクト、あるいは、そのオブジェクトの（プロトタイプチェーン上の、
-△△というプロパティを持っていて、その△△が関数である必要がある。
+いずれかの）プロトタイプが △△というプロパティを持っていて、その△△が関数である必要がある。
 ```

テキスト修正

2018/03/11 12:21

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -48,7 +48,7 @@
 ---
-**追記**
+**追記1**
@@ -176,7 +176,7 @@
-先の追記では、即時関数を使いましたが、
+先の追記1 では、即時関数を使いましたが、
 `〇〇.△△()`  と書きたいときに、 `〇〇`が即時関数で得られた
@@ -264,7 +264,7 @@
 とすればよいと書きましたが、このような、`〇〇` が関数の呼び出しになっている場合も含めて、
-より広く当てはまるように言い換えるならば、**評価** という言葉を使って、
+より広く当てはまるように言い換えるならば、**評価(evaluation)** という言葉を使って、

テキスト修正

2018/03/11 12:09

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -52,7 +52,7 @@
-もうひとつ、別の修正方法があります。
+もうひとつ、別の考え方の修正方法があります。
@@ -140,9 +140,9 @@
-こうすれば、 `test` が、関数型の`sample` プロパティを持つので、
+こうすれば、 `test` が、関数型の`sample` プロパティを持つので、`sample()`を
-`test.sample()` と書けます。
+実行するために、`test.sample()` と書けます。

テキスト修正

2018/03/11 12:06

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -280,7 +280,7 @@
 ```
-と理解しておけばよいと思います。これであれば
+ことを理解しておけばよいと思います。これであれば

テキスト修正

2018/03/11 11:27

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -172,19 +172,21 @@
-と理解しておくとよいかと思います。
+ということを理解しておくとよいかと思います。
+先の追記では、即時関数を使いましたが、
-というのは、 `〇〇.△△()`  と書きたいときに、 `〇〇`が即時関数で得られた
+`〇〇.△△()`  と書きたいときに、 `〇〇`が即時関数で得られた
-オブジェクトでなければならないわけではないからです。
+オブジェクトでなければならないわけではないです。
-たとえば、回答に別解として、即時関数を使う方法を挙げましたが、
+たとえば、ご質問のコードでは、即時関数を使わずとも、
-即時関数を使わずとも、`test` に `sample`プロパティを持つ
+`test` に `sample`プロパティを持つオブジェクトを
-オブジェクトをそのまま代入して
+そのまま代入して

テキスト修正

2018/03/11 11:26

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -300,13 +300,11 @@
 のように、○○が式になっていても、
 “hello” + “ world” という式が評価された結果は “hello world” という
-文字列で、文字列は、`toUpperCase()` 関数を呼べるので、
+文字列で、文字列は `toUpperCase()` 関数を呼ぶことができて、
-上記の結果として `"HELLO WORLD"` が得られます。
+結果としては `"HELLO WORLD"` が得られます。
 ですので、

テキスト修正

2018/03/11 10:43

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -335,3 +335,45 @@
 プログラミングの基礎用語ですので、「javascript 式 評価」でググって、
 分かりやすそうな記事を2,3読んでおかれるとよいかと思います。
+---
+**追記3**
+提示した考え方を説明する、最後の例では、 文字列 "hello world" が `toUpperCase`
+という関数型のプロパティを持っているかのように解釈されてしまいますが、実状は少し違っていて、
+"hello world" という Stringオブジェクト自体が、`toUpperCase` を
+持っているのはなく、 Stringオブジェクト のプロトタイプである
+`String.prototype`　が、`toUpperCase` を持っていて、`"hello world".toUpperCase()`
+ としたときは、`String.prototype`　の持っている `toUpperCase()` が呼ばれます。
+ですので、この状況までも含めるならば、
+```
+〇〇.△△()
+と書きたい時には、
+〇〇 が評価された結果のオブジェクト、あるいは、そのオブジェクトのプロトタイプが
+△△というプロパティを持っていて、その△△が関数である必要がある。
+```
+という言い方になるでしょう。

テキスト修正

2018/03/11 10:06

投稿

jun68ykt

スコア9058

test CHANGED Viewed

File without changes

テキスト修正

2018/03/11 09:57

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -302,11 +302,13 @@
-“hello” + “ world” という式が評価された結果は “hello world” である。
+“hello” + “ world” という式が評価された結果は “hello world” という
+文字列で、文字列は、`toUpperCase()` 関数を呼べるので、
+上記の結果として `"HELLO WORLD"` が得られます。
-という日本語は正しいので、
+ですので、

テキスト修正

2018/03/11 09:57

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -278,7 +278,7 @@
 ```
-と覚えておけばよいかと思います。これであれば
+と理解しておけばよいと思います。これであれば
@@ -302,7 +302,7 @@
-“hello” + “ world” という式を評価した結果は “hello world” である。
+“hello” + “ world” という式が評価された結果は “hello world” である。

テキスト修正

2018/03/11 09:31

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -172,7 +172,7 @@
-と覚えておくとよいかと思います。
+と理解しておくとよいかと思います。
 というのは、 `〇〇.△△()`  と書きたいときに、 `〇〇`が即時関数で得られた

テキスト修正

2018/03/11 09:29

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -324,7 +324,7 @@
-と覚えておくのが様々なパターンを包含しているといえます。
+と覚えておく（というか、理解しておく）のが、様々なパターンを包含しているといえます。

テキスト修正

2018/03/11 09:28

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -262,7 +262,7 @@
 とすればよいと書きましたが、このような、`〇〇` が関数の呼び出しになっている場合も含めて、
-広く言い換えると、
+より広く当てはまるように言い換えるならば、**評価** という言葉を使って、

テキスト修正

2018/03/11 09:22

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -222,7 +222,7 @@
-また、回答に初めに書いた修正のほうでは、`test` を関数のままにしておいて、
+また、回答の初めに書いたほうの修正では、`test` を関数のままにしておいて、
@@ -278,7 +278,7 @@
 ```
-と覚えておけば、
+と覚えておけばよいかと思います。これであれば

テキスト追加

2018/03/11 09:17

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -143,3 +143,193 @@
 こうすれば、 `test` が、関数型の`sample` プロパティを持つので、
 `test.sample()` と書けます。
+---
+**追記2**
+> メソッドチェーン（←使い方が適切かわかりませんが）として「〇〇.△△();」と書きたい時には”〇〇”の部分は即時関数などを使って既に実行されている必要があると考えておけば大丈夫でしょうか。
+とのことですが、考え方としては
+```
+〇〇.△△()
+と書きたい時には、
+〇〇 は△△というプロパティを持っていて、その△△が関数である必要がある。
+```
+と覚えておくとよいかと思います。
+というのは、 `〇〇.△△()`  と書きたいときに、 `〇〇`が即時関数で得られた
+オブジェクトでなければならないわけではないからです。
+たとえば、回答に別解として、即時関数を使う方法を挙げましたが、
+即時関数を使わずとも、`test` に `sample`プロパティを持つ
+オブジェクトをそのまま代入して
+```javascript
+var test =  {
+    sample: function () {
+        console.log("a")
+         var a = 1;
+    }
+};
+```
+としておけば、
+```javascript
+ test.sample();
+```
+と呼べます。
+また、回答に初めに書いた修正のほうでは、`test` を関数のままにしておいて、
+```javascript
+var test =  function() {
+    return {
+            sample: function () {
+                console.log("a")
+                var a = 1;
+            }
+    };
+};
+```
+としておくならば
+```javascript
+ test().sample();
+```
+とすればよいと書きましたが、このような、`〇〇` が関数の呼び出しになっている場合も含めて、
+広く言い換えると、
+```
+〇〇.△△()
+と書きたい時には、
+〇〇 が評価された結果が、△△というプロパティを持っていて、
+その△△が関数である必要がある。
+```
+と覚えておけば、
+`test.sample()`
+`test().sample()`
+のいずれの場合にも当てはまりますし、さらには、
+`("hello" + " world").toUpperCase()`
+のように、○○が式になっていても、
+“hello” + “ world” という式を評価した結果は “hello world” である。
+という日本語は正しいので、
+```
+〇〇.△△()
+と書きたい時には、
+〇〇 が評価された結果が、△△というプロパティを持っていて、
+その△△が関数である必要がある。
+```
+と覚えておくのが様々なパターンを包含しているといえます。
+この、「評価」あるいは「評価する」という用語は、 javascript に限らず、
+プログラミングの基礎用語ですので、「javascript 式 評価」でググって、
+分かりやすそうな記事を2,3読んでおかれるとよいかと思います。

テキスト修正

2018/03/11 09:14

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -82,7 +82,7 @@
 上記で、 `test` に関数を代入するのではなく、関数を実行した
-結果を入れるために、以下のように、`}` の後に、 `()` を追加して
+結果を入れるために、以下のように、最後の `}` の後に、 `()` を追加して

テキスト追加

2018/03/11 01:52

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -82,9 +82,7 @@
 上記で、 `test` に関数を代入するのではなく、関数を実行した
-結果を入れるために、以下のように、`}` の後に `()` を追加して
+結果を入れるために、以下のように、`}` の後に、 `()` を追加して
-即時実行させます。
@@ -110,6 +108,36 @@
 ```
+とするか、または、最後の `)` の後に、 `()` を追加して
+**修正後：**
+```
+var test = (function () {
+    return {
+        sample: function () {
+            console.log("a")
+            var a = 1;
+        }
+    }
+})();
+```
+として、**即時関数**（IIFE: Immediately Invokable Function Expressions) にします。
 こうすれば、 `test` が、関数型の`sample` プロパティを持つので、

テキスト修正

2018/03/11 01:43

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -36,10 +36,6 @@
-以下、補足の説明です。
 修正前の`test.sample()` だと、 `test`自体に `sample`という関数型のプロパティがあって、
 それを実行するという意図のコードになってしまいますが、`sample`プロパティを持っているのは
@@ -47,3 +43,75 @@
 `test`そのものではなくて、関数型である`test` を実行したときの返り値のオブジェクトですので、
 `test().sample()`　とすれば意図した動作になります。
+---
+**追記**
+もうひとつ、別の修正方法があります。
+**修正前：**
+```javascript
+var test = (function () {
+    return {
+        sample: function () {
+            console.log("a")
+            var a = 1;
+        }
+    }
+});
+```
+上記で、 `test` に関数を代入するのではなく、関数を実行した
+結果を入れるために、以下のように、`}` の後に `()` を追加して
+即時実行させます。
+**修正後：**
+```
+var test = (function () {
+    return {
+        sample: function () {
+            console.log("a")
+            var a = 1;
+        }
+    }
+}());
+```
+こうすれば、 `test` が、関数型の`sample` プロパティを持つので、
+`test.sample()` と書けます。

テキスト修正

2018/03/11 01:33

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -36,7 +36,9 @@
-解説を補足しますと、
+以下、補足の説明です。
 修正前の`test.sample()` だと、 `test`自体に `sample`という関数型のプロパティがあって、
@@ -44,4 +46,4 @@
 `test`そのものではなくて、関数型である`test` を実行したときの返り値のオブジェクトですので、
-`test().sample();`　とすれば意図した動作になります。
+`test().sample()`　とすれば意図した動作になります。

テキスト修正

2018/03/11 01:16

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -33,3 +33,15 @@
 とすればよいかと思います。
+解説を補足しますと、
+修正前の`test.sample()` だと、 `test`自体に `sample`という関数型のプロパティがあって、
+それを実行するという意図のコードになってしまいますが、`sample`プロパティを持っているのは
+`test`そのものではなくて、関数型である`test` を実行したときの返り値のオブジェクトですので、
+`test().sample();`　とすれば意図した動作になります。

テキスト修正

2018/03/11 01:12

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -3,6 +3,8 @@
+**修正前：**
 ```javascript
@@ -12,11 +14,13 @@
-の、test の後に () を追加して
+の、`test` の後に `()` を追加して
+**修正後：**
-```javascript
+```JavaScript