質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

【超超初心者】apply()の中のthisの意味がわかりません

Iori
Iori

総合スコア54

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

2回答

0グッド

0クリップ

259閲覧

投稿2022/12/05 02:55

前提

こちらのサイトを読んでいて意味がわからなくなりました。
https://www.sejuku.net/blog/64089

この「this」はapply()の第一引数を指しているのででしょうか?

該当のソースコード

html

1<table border="1" cellspacing="0" cellpading="0"> 2 <thead> 3 <tr class="head"> 4 <td>男子</td> 5 </tr> 6 </thead> 7 8 <tbody id="deta1"> 9 </tbody> 10 11</table> 12 13<table border="1" cellspacing="0" cellpading="0"> 14 <thead> 15 <tr class="head"> 16 <td>女子</td> 17 </tr> 18 </thead> 19 20 <tbody id="deta2"> 21 </tbody> 22 23</table> 24 25 26

css

1table { 2 width: 50%; 3 max-width: 150px; 4 float: left; 5 margin: 10px; 6} 7 8.head { 9 text-align: center; 10}

JavaScript

1// 関数定義 2function fnc() { 3 var num = 1; 4 for (var j = 0; j < arguments.length; j++) { 5 var tr = document.createElement("tr"); 6 var td = document.createElement("td"); 7 td.innerHTML = arguments[j]; 8 tr.appendChild(td); 9 this.appendChild(tr); 10 num++; 11 } 12} 13 14// 配列の生成 15var args = ['阿部太郎','加藤大輔','佐藤勇気','田中雅弘','長島貴之']; 16var args2 = ['伊藤文代','木村由美子','清水絵里','茅原梓','西島和美']; 17 18// 関数を呼び出す 19var deta1 = document.getElementById("deta1"); 20var deta2 = document.getElementById("deta2"); 21fnc.apply(deta1, args); 22fnc.apply(deta2, args2);

試したこと

console.logで見てみたのですが、このアクセス方法があっているかわからないと同時に、表示されているコードの意味も正確に理解できません。。。
イメージ説明

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答2

2

function構文で作ったユーザー関数の場合、thisにはapplyの第一引数が入ります

javascript

1function fnc(x,y,z){ 2 console.log(this); // String { "test" } 3 console.log(x); // 1 4}; 5fnc.apply("test",[1,2,3]);

投稿2022/12/05 03:27

yambejp

総合スコア109059

spoofy_dragon, Iori👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

Iori

2022/12/05 04:21

ありがとうございます。シンプルでわかりやすい例のご掲示感謝いたします。

1

ベストアンサー

この「this」はapply()の第一引数を指しているのででしょうか?

そうです。

Function.prototype.apply()

func.apply(thisArg, [ argsArray])

何らかの理由で this を指定して関数を呼びたいときに使用するわけですが、通常はthisを使わず関数の引数にすれば十分です。初学者のうちはapply()のことはあまり気にする必要はありません。

投稿2022/12/05 03:26

編集2022/12/05 03:34
int32_t

総合スコア17200

yambejp👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

Iori

2022/12/05 04:19

ありがとうございます。ご掲示の公式サイトや他のサイトでも第一引数はthis値と書いてありました。まだまだ理解が行き届いてないなーと絶望しますが続けていきたいと思います。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。