1
00:00:00,330 --> 00:00:05,440
確定這樣還有最後一個地方，我們可以使用重置功能是在我們的代碼之初。

2
00:00:05,550 --> 00:00:17,440
頁面加載時的第一時間我們需要發生的是，我們需要挑選你已經做那麼我們需要挑選一種顏色了，我們已經在這裡這些新的隨機顏色隨機顏色。

3
00:00:17,820 --> 00:00:26,290
然後，我們需要分配一個顏色每平方米在頁面上，所以我們可以用我們的復位功能，因為這基本上它做什麼。

4
00:00:26,490 --> 00:00:33,430
而我要去實際上只是運行在一開始被稱為初始化函數清理東西，而且不存在。

5
00:00:33,600 --> 00:00:38,820
而我們的初始化函數中，我們打算把需要運行時加載頁面的一切。

6
00:00:39,000 --> 00:00:41,490
所以我們必須初始化功能。

7
00:00:41,790 --> 00:00:49,070
然後我們的內部網絡的功能，我們可以做的第一件事就是繼續前進，加入我們的模式按鈕的聽眾。

8
00:00:50,250 --> 00:00:52,200
這是真的只是清理的東西了。

9
00:00:52,230 --> 00:00:55,110
因此，它不只是漂浮在荒郊野外。

10
00:00:55,320 --> 00:00:56,850
因此，將正確的縮進這一點。

11
00:00:57,000 --> 00:01:05,260
因此，這是我們的模式按鈕事件監聽器，我要在這裡抓住這個代碼。

12
00:01:05,400 --> 00:01:10,420
而這樣做是它改變每個方格，我們可以只擺脫的顏色。

13
00:01:10,560 --> 00:01:22,620
所以，當你點擊我們仍然需要這一切的邏輯可以清除此一點點，我們不必這樣做了，因為我們將使用復位，然後它也增加了克利克聽眾每平方米。

14
00:01:22,620 --> 00:01:26,980
我們正在改變的消息顯示，我們正在改變復位按鈕改變顏色。

15
00:01:27,030 --> 00:01:38,560
所以我只是要複製此成我們的初始化函數，因為我們也希望這種情況在開始運行時，頁面加載這麼好，這樣做正確的為好。

16
00:01:38,820 --> 00:02:01,260
然後一旦我們在這裡成立了事件處理程序的按鈕模式按鈕和的平方，然後我們只想重置這意味著運行復位功能的屏幕，會做什麼復位的最後的事情是它實際上會產生我們的顏色所以我們可以只是顏色是不確定的，或者在啟動一個空數組。

17
00:02:01,260 --> 00:02:02,230
我就開始使用它。

18
00:02:02,280 --> 00:02:04,040
那麼我們首先給它一個空數組。

19
00:02:04,350 --> 00:02:13,920
然後呢，我們所能做的就是設置挑顏色，只要有一個變量沒有值並保存使事情有點清潔。

20
00:02:14,010 --> 00:02:20,760
我要到這裡，這樣往上頂，我們有三個變量未選擇移動的東西我的選擇。

21
00:02:20,760 --> 00:02:25,620
然後我們具有被選擇頁面上的不同的元素的變量。

22
00:02:26,100 --> 00:02:26,620
好。

23
00:02:26,790 --> 00:02:29,360
所以，再一次發生了什麼一開始。

24
00:02:29,550 --> 00:02:34,600
我們運行的要在這裡運行所有這些代碼的初始化函數。

25
00:02:35,010 --> 00:02:50,980
而這些代碼是要建立我們的模式按鈕的聽眾和它要建立我們方形的聽眾，然後我們運行復位其拾取顏色它選擇一個隨機出彩的顏色它撿起來改變文本的內容和所有的。

26
00:02:51,150 --> 00:02:57,730
因為我們在做這個，現在這是呼喚復位初始化函數中，我們可以擺脫這一行。

27
00:02:57,780 --> 00:03:01,720
因此，讓我們確保這個工程我們繼續之前。

28
00:03:02,610 --> 00:03:04,860
我們刷新開拓CON ..

29
00:03:04,890 --> 00:03:05,860
沒有錯誤。

30
00:03:06,180 --> 00:03:11,370
你可以看到我刷新頁面，所有的代碼都在初始化函數中運行。

31
00:03:11,370 --> 00:03:15,270
而且還有它裡面的重置，我們看到的一切。

32
00:03:15,270 --> 00:03:17,190
因此，我們的聽眾的設置是否正確。

33
00:03:17,460 --> 00:03:19,140
我們得到正確的消息。

34
00:03:19,140 --> 00:03:20,160
讓我們再次發揮。

35
00:03:20,370 --> 00:03:21,890
一切的工作就好了。

36
00:03:22,170 --> 00:03:24,440
讓我們玩很容易模式。

37
00:03:25,680 --> 00:03:26,340
在那裡，我們走了。

38
00:03:26,340 --> 00:03:31,430
讓我們再次打更多的時間。

39
00:03:31,530 --> 00:03:32,000
大。

40
00:03:32,100 --> 00:03:35,880
所以它工作得很好。

41
00:03:35,910 --> 00:03:46,290
還有一改變，我們可以使這是這個函數就在這裡，現在是有點長，有的人說我使用過有關於長功能應該如何真正嚴格的規定。

42
00:03:46,290 --> 00:03:52,140
有人會說，如果你的代碼，你需要把它拆分成自己的功能超過10行。

43
00:03:52,230 --> 00:03:53,500
因此，我們可以做到這一點在這裡。

44
00:03:53,700 --> 00:04:00,000
這可能是它自己的功能，所有它所做的是建立了一個模式按鈕聽眾，所以我們能做到這一點在這裡。

45
00:04:00,040 --> 00:04:15,010
或者只是寫模式按鈕讓我們叫它設置模式按鈕，然後我們會到這裡聲明函數的功能設置模式按鈕。

46
00:04:15,960 --> 00:04:25,470
而這裡面我們只是粘貼代碼，然後將僅僅在開始的正常運行縮進一次。

47
00:04:25,470 --> 00:04:29,450
我們設置了模式按鈕聽眾和我們可以在這裡做同樣的事情。

48
00:04:29,460 --> 00:04:45,120
複製這些代碼，我們會給這個成立平方米聽眾的名稱，或讓我們只是把它設置了這樣的正方形，然後我們會寫設置的功能。

49
00:04:45,120 --> 00:04:48,240
而且我注意到我沒有使用大寫字母是你。

50
00:04:48,300 --> 00:04:56,340
所以，我需要注意該設置廣場這裡，我們將確保我們的代碼的工作方式相同。

51
00:04:56,340 --> 00:04:59,130
所以，現在我們的初始化是非常好的，乾淨。

52
00:04:59,250 --> 00:05:04,610
它設置了模式按鈕就設置了廣場，並將其重置，我們看到的一切。

53
00:05:04,680 --> 00:05:06,850
讓我們嘗試刷新。

54
00:05:07,170 --> 00:05:10,970
看起來我們的工作仍然坊工作得很好。

55
00:05:11,100 --> 00:05:15,510
如果我們刷新他們更多我們的模式按鈕仍然工作也很不錯。

56
00:05:15,510 --> 00:05:19,040
所以這是所有偉大的，它看起來像一切工作就好了。

57
00:05:19,430 --> 00:05:21,600
這是據我們將重構現在。

58
00:05:21,600 --> 00:05:26,360
但我會告訴你，我們希望在今後的視頻，以改善一些東西。

59
00:05:26,610 --> 00:05:36,690
一旦我們了解更多關於JavaScript的一個位和獲得更多的舒服，我們將討論一些設計模式和設計模式基本上是構建你的代碼，所以我們可以有這樣的代碼的方法。

60
00:05:36,690 --> 00:05:47,690
它的工作原理相同的方式，同樣的邏輯也作出了同樣的遊戲和10個不同的人可以在10個不同的方式把它寫，這不只是我們乘坐哪些功能或變量的名稱。

61
00:05:47,820 --> 00:05:55,650
這也是我們如何結構，一般的東西，被稱為模塊設計模式中最常見的最簡單的一種或一種。

62
00:05:55,890 --> 00:06:05,460
而這意味著什麼是我們可以添加一堆屬性為對象，所以我們不必是不是對象的內部這樣漂浮的任何變量。

63
00:06:05,550 --> 00:06:10,000
我們沒有那些只是對自己這樣的窗口對象的任何功能。

64
00:06:10,080 --> 00:06:12,790
相反，我們將它們添加到自己的對象。

65
00:06:12,870 --> 00:06:16,840
因此，這將是這個樣子，你可以有一個遊戲對象。

66
00:06:17,280 --> 00:06:21,840
然後，我們可以寫遊戲點我們會只是做它的一個組成部分。

67
00:06:21,870 --> 00:06:36,590
遊戲點初始化一個功能，我們只是複製這個代碼在那裡，我們會為每一個功能做到這一點的每一個屬性變量，然後在最後，我們會運行遊戲。

68
00:06:36,620 --> 00:06:41,130
而這背後的理由有點複雜。

69
00:06:41,130 --> 00:06:44,720
短的版本是，它有助於我們保持事情的組織方式。

70
00:06:44,940 --> 00:06:50,290
這也將有助於避免我在對象的影片之一前面提到的命名空間衝突。

71
00:06:50,460 --> 00:06:52,620
所以我不會通過這個整個重構去。

72
00:06:52,620 --> 00:06:53,730
我們已經是足夠好的。

73
00:06:53,730 --> 00:06:54,880
它的工作原理就好了。

74
00:06:54,990 --> 00:07:05,010
但是當你繼續增長，因為開發商和你學到更多的東西，你會注意，一旦你得到更舒適的一個是JavaScript的設計模式，有寫上這款本本。

75
00:07:05,010 --> 00:07:11,670
有文章和博客等多種視頻並有完整的課程其實網上只是構建您的JavaScript。

76
00:07:11,790 --> 00:07:12,940
所以，這不是重點。

77
00:07:12,970 --> 00:07:20,910
我還是真的只是想專注於內容的代碼中的HTML的JavaScript的C評估邏輯和結構可以晚一點。