1
00:00:00,300 --> 00:00:05,690
だから私はオブジェクトにメソッドを追加するための実際の使用例の別の実用的な例を持っています。

2
00:00:05,710 --> 00:00:08,300
アンダースコアJと呼ばれる人気の高いJavaScriptライブラリがあります。

3
00:00:08,300 --> 00:00:08,840
はい。

4
00:00:08,910 --> 00:00:13,110
そして、ライブラリが何であるかについてもっと話しますが、今のところそれはちょっとしたコードと考えています。

5
00:00:13,140 --> 00:00:15,200
他の誰かが私たちが使うことができると書いています。

6
00:00:15,570 --> 00:00:19,880
したがって、その下線はすべて、他の人が書いた機能の束です。

7
00:00:20,050 --> 00:00:21,590
ここで見ることができます。

8
00:00:21,630 --> 00:00:23,720
これらはそれぞれ異なる機能です。

9
00:00:23,850 --> 00:00:31,050
だから、私たちはEvery min Someを含むようなものを見つけました。そして、彼らはどのように仕事をしているのか、何をしているのかはまったく関係ありません。

10
00:00:31,050 --> 00:00:32,210
 

11
00:00:32,250 --> 00:00:35,110
しかし、私はあなたに多くのものがあることを示すことが重要です。

12
00:00:35,850 --> 00:00:42,690
そのため、アンダースコアと呼ばれるオブジェクトの代わりに、すべての名前空間をまとめてグループ化します。

13
00:00:42,720 --> 00:00:43,230
 

14
00:00:43,260 --> 00:00:47,350
あなたはあなたがそれらを呼び出す方法であることを見ることができるように、文字をアンダースコアにするだけです。

15
00:00:47,520 --> 00:00:57,480
アンダースコアはこれを少し大きくします。アンダースコアはアンダースコアドットのアンダースコアです。アンダースコアで始まるものすべてがこのアンダースコアライブラリから来ていることを知るためにこれらのメソッドをまとめてグループ化します。

16
00:00:57,480 --> 00:01:02,010
 

17
00:01:02,250 --> 00:01:04,340
 

18
00:01:04,350 --> 00:01:06,070
あなたはそれを自分で書きませんでした。

19
00:01:06,270 --> 00:01:09,430
私たちは結局、アンダースコアのようなライブラリをどのようにインポートするかについて話します。

20
00:01:09,510 --> 00:01:12,260
最終的にアンダースコアのようなものを書き込むことができるかどうかがわかります。

21
00:01:12,450 --> 00:01:15,210
しかし、私がここに示したいのは、コードそのものではありません。

22
00:01:15,420 --> 00:01:19,510
私は、すべてがアンダースコアオブジェクトの内部にグループ化されているという事実を示したいと思います。

23
00:01:19,560 --> 00:01:25,230
だから、犬のスペースや猫のスペースではなく、彼らはアンダースコアである本当に短い思い出深いキャラクターを使用することに決めました。

24
00:01:25,230 --> 00:01:27,100
 

25
00:01:27,390 --> 00:01:33,060
私はこのビデオの中でハイライトしたいことがもう一つあります。これは、これをキーワードにしています.Javascriptには、これとは別のことをするためにさまざまなコンテキストで使用できる特別な単語があります。

26
00:01:33,150 --> 00:01:38,610
 

27
00:01:38,700 --> 00:01:43,710
それが何を行い、どのように機能するかを実証するために、私は先に進み、簡単な例を行います。

28
00:01:44,160 --> 00:01:49,500
 

29
00:01:49,530 --> 00:01:55,350
 

30
00:01:55,350 --> 00:01:56,440
だから私はいくつかのコメントを持っているアプリを作っていると思いますが、私はいくつかの共通のデータをオブジェクトの代わりに格納したいだけでなく、オブジェクトの代わりに保存したい印刷や削除のようないくつかのメソッドも保存したいと思います。

31
00:01:56,460 --> 00:02:03,030
speakメソッドで見たように、私はcommentsという名前空間を定義します。

32
00:02:03,030 --> 00:02:08,490
だからvarのコメントはオブジェクトになるだろうし、私はそれが空で始めるつもりです。

33
00:02:08,490 --> 00:02:14,840
次に、コメントの配列だけであるdataプロパティを定義します。

34
00:02:15,090 --> 00:02:21,630
だから、ちょうどこのようないくつかのばかげたコメントです。

35
00:02:21,630 --> 00:02:22,600
そして我々はエンターを押した。

36
00:02:22,830 --> 00:02:29,640
だから、私たちはちょうど1つのプロパティーデータを持っていて、そのプロパティーにはその中に3つの異なるコメントがあるというコメントがあります。

37
00:02:29,640 --> 00:02:31,680
 

38
00:02:32,070 --> 00:02:37,350
ですから、printと呼ばれるメソッドを作成したいのであれば、この関数printと同じように別々に関数を定義して配列に取ります。

39
00:02:37,350 --> 00:02:42,270
 

40
00:02:43,080 --> 00:02:49,110
そして、私がしたいのは、各コメントのコメントをコメントアウトするだけです。私は印刷したばかりの奇妙な方法でそれをやることができました。

41
00:02:49,170 --> 00:02:51,880
 

42
00:02:51,960 --> 00:02:59,810
したがって、各関数の配列を要素と呼びます。

43
00:03:03,840 --> 00:03:06,830
そして、私はそのログを取り消します。

44
00:03:07,820 --> 00:03:12,380
Lだからこの関数は今はメソッドではありません。

45
00:03:12,420 --> 00:03:19,290
それは私のコメントオブジェクトの外に存在し、私が普通株データを印刷したいのであれば、印刷を実行してコメントデータを渡す必要があります。

46
00:03:19,290 --> 00:03:25,690
 

47
00:03:26,010 --> 00:03:30,990
だからこれまで、私たちは、この時点までに、グローバルウィンドウ名前空間で関数を別々に定義していました。

48
00:03:30,990 --> 00:03:32,260
 

49
00:03:32,500 --> 00:03:35,970
しかし、もし私がコメント・オブジェクトに追加したいのであれば、私はそれをする必要があります。

50
00:03:36,150 --> 00:03:41,230
私はここに私のコードをコピーすることを意味し、私はここに戻ってコメントを言うつもりです。

51
00:03:41,280 --> 00:03:42,800
印刷は等しい。

52
00:03:42,830 --> 00:03:46,350
あなたは私の機能を貼り付けるつもりです。私はこの名前をここに残すことができます。

53
00:03:46,350 --> 00:03:48,980
名前を付ける必要はないので、私はそれを取り除くつもりです。

54
00:03:48,990 --> 00:03:50,250
そこにも。

55
00:03:50,790 --> 00:03:56,220
そして、配列として引数を取るのではなく、既に同じオブジェクトにデータがあるというコメントの代わりに、既に持っているものを使用したいのです。

56
00:03:56,220 --> 00:03:59,990
 

57
00:04:00,210 --> 00:04:03,850
だから私はオブジェクトの代わりにデータを共有する方法があります。

58
00:04:03,870 --> 00:04:07,610
だから私は普通株プリントの中に普通株データを使うことができます。

59
00:04:07,620 --> 00:04:08,790
答えは「はい」です。

60
00:04:09,060 --> 00:04:11,730
そして、それはthisキーワードがどこに来るかです。

61
00:04:11,760 --> 00:04:13,670
だから私は何の議論も必要ありません。

62
00:04:13,860 --> 00:04:20,310
もし私がこれをしたいのであれば、レーダーの代わりに共通のデータが何であれ印刷してください。

63
00:04:20,550 --> 00:04:23,670
私は実際にこのドットデータを書くことができます。

64
00:04:24,180 --> 00:04:27,660
だから、このキーワードはいろいろな状況でややこしい。

65
00:04:27,660 --> 00:04:29,260
それは違うことを意味します。

66
00:04:29,280 --> 00:04:31,860
間違いなくjavascriptの奇妙な部分の一つ。

67
00:04:31,860 --> 00:04:33,780
面接の質問の多くはそれに焦点を当てています。

68
00:04:33,780 --> 00:04:36,640
だから、専門家でさえも苦労するだろう。

69
00:04:36,660 --> 00:04:41,430
 

70
00:04:41,880 --> 00:04:46,710
我々は、ジェイクエリーについて話すとき、そしてバックエンドに移動してデータベースについて話すときに、私たちがイベントについて学ぶときに進むときに、これをキーワードとして多くの時間を費やすつもりです。

71
00:04:46,710 --> 00:04:55,110
ですから、ここではthisという言葉はオブジェクトのコメントを指していますので、ここでenterを押すとあなたを見せます。

72
00:04:55,110 --> 00:04:55,780
 

73
00:04:55,920 --> 00:05:00,660
今のような一般的な外観には、2つのことがあります。

74
00:05:00,660 --> 00:05:03,870
データと配列、次にこの印刷メソッド。

75
00:05:04,110 --> 00:05:08,070
printメソッドはこのデータを参照していることに注意してください。

76
00:05:08,100 --> 00:05:13,880
だから、私たちが印刷物の中にいるとき、これはその中にデータを持つオブジェクト全体を指しています。

77
00:05:13,950 --> 00:05:19,860
したがって、このデータは、印刷物の中から私たちが印刷物にアクセスできる方法です。

78
00:05:19,860 --> 00:05:26,940
ですから、その方法を使用するには、私がする必要があるのは、プリンス・コメントと言うだけで、私たちは3つのコメントを印刷します。

79
00:05:26,940 --> 00:05:27,880
 

80
00:05:27,900 --> 00:05:32,670
だから私がちょうど示したのは、コードをどのように整理するかという本当の共通のパターンです。

81
00:05:32,670 --> 00:05:38,010
 

82
00:05:38,010 --> 00:05:44,340
いくつかのデータをオブジェクトの内部に入れ、関連する関数と機能を使用して、同じオブジェクトにメソッドとして追加し、キーワードthisを使用して、あらかじめ定義したデータにアクセスできます。

83
00:05:45,210 --> 00:05:49,600
あなたがキーワードについて少し混乱しているのを感じているなら、これは間違いなく予想されます。

84
00:05:49,620 --> 00:05:51,390
私たちは表面を傷つけただけです。

85
00:05:51,390 --> 00:05:54,440
私が言及したように、私たちは何度も何度も繰り返し見直します。

86
00:05:54,630 --> 00:05:57,960
あなたが理解したいのは、これと呼ばれるキーワードがあるということです。

87
00:05:57,960 --> 00:05:59,150
それはややこしい。

88
00:05:59,340 --> 00:06:07,800
ここでは、メソッドの代わりにこのメソッドを記述することで、メソッドが定義されているオブジェクトを参照しています。

89
00:06:07,950 --> 00:06:09,540
 

90
00:06:09,930 --> 00:06:12,170
OKだから今はオブジェクト用です。

91
00:06:12,360 --> 00:06:13,410
とてもわくわくする。

92
00:06:13,410 --> 00:06:18,590
次に、HDMIについて最後に話し合い、javascriptとのインタラクションを評価してみましょう