< Return to Video

Intro To Variables (Video Version)

  • 0:01 - 0:04
    我的好朋友溫斯頓會在這協助我們完成這程式
  • 0:04 - 0:06
    我知道他看起來已經好的不可思議
  • 0:06 - 0:09
    但我想稍微改一下他眼睛的大小
  • 0:09 - 0:11
    這是我畫他眼睛的位置
  • 0:11 - 0:13
    你可以看見我們設定填色接著畫兩個橢圓形
  • 0:13 - 0:17
    若我想縮小這橢圓形，我可以改變寬度
  • 0:17 - 0:18
    然後我也希望它是個圓形
  • 0:18 - 0:20
    所以我要把高度改成和寬度相同的值
  • 0:20 - 0:23
    我希望兩隻眼睛的大小一樣
  • 0:23 - 0:25
    所以得修改這隻眼睛的寬度和高度
  • 0:25 - 0:28
    糟糕，現在眼睛有一點過小，
    所以我必須把它們改回原來大小
  • 0:29 - 0:31
    如果可以只改一個值就同時改變眼睛大小
  • 0:31 - 0:33
    那豈不是太棒了？
  • 0:33 - 0:36
    而這就是變數可以幫得上忙的地方
  • 0:37 - 0:41
    變數就像一個名字或為別的東西預留位置
  • 0:41 - 0:45
    我喜歡把變數想成一個有名字的大桶子
  • 0:45 - 0:46
    你可以把任何你想的東西放進桶子裡
  • 0:46 - 0:48
    但名字保持不變
  • 0:48 - 0:52
    我們稱桶子裡的東西為變數的值
  • 0:54 - 0:56
    讓我們開始真正地來寫一個變數
  • 0:56 - 0:58
    就從這裡開始
  • 0:58 - 1:00
    你所要做的就是寫入var，代表變數
  • 1:00 - 1:02
    空格，接著是變數的名字
  • 1:02 - 1:04
    它應該描述那變數所儲存的數值
  • 1:04 - 1:06
    所以我要把這一個叫做eyeSize，眼睛大小
  • 1:06 - 1:08
    你可以隨意給它任何你想要的名字
  • 1:08 - 1:10
    但在字與字之間不可以有任何空格
  • 1:10 - 1:12
    當然，別忘了寫分號
  • 1:12 - 1:14
    現在我已經寫了一個叫做eyeSize的變數
  • 1:14 - 1:17
    因為它將儲存溫斯頓眼睛的大小
  • 1:17 - 1:20
    但到目前為止，這個變數還沒有值
  • 1:20 - 1:23
    要給它一個值，我們只要寫入eyeSize
  • 1:23 - 1:27
    然後一個等號，接著20，分號
  • 1:28 - 1:29
    好了，看到那等號嗎？
  • 1:29 - 1:32
    忘了你的數學老師教你的那些
  • 1:32 - 1:35
    那個等號不是指「相等」，而是「指派」
  • 1:35 - 1:41
    這表示我們將數值20賦予變數eyeSize
  • 1:42 - 1:44
    換句話說，我們要把數字20
  • 1:44 - 1:46
    放進叫做eyeSize的桶子裡
  • 1:46 - 1:48
    記得在數學課中，你如何描述像是
  • 1:48 - 1:52
    x = 3，而3 = x嗎?
  • 1:52 - 1:54
    且它們全都表示相同的意思
    因為它們相等？
  • 1:54 - 1:56
    但，這裡你不可以這麼寫
  • 1:56 - 1:58
    在等號左邊的東西
  • 1:58 - 2:00
    永遠是變數
  • 2:00 - 2:03
    而在等號右邊的東西永遠是值
  • 2:03 - 2:05
    那個你賦予變數的值
  • 2:06 - 2:08
    一個好方法幫助你記住哪邊該放什麼
  • 2:08 - 2:10
    是當你寫程式的同時大聲唸給自己聽
  • 2:10 - 2:11
    就像每個厲害的程式設計師所做的
  • 2:11 - 2:15
    當你敲一個等號，別說「等於」，改說「得到」
  • 2:15 - 2:19
    於是就變成，eyeSize得到20
  • 2:20 - 2:22
    而現在，無論何時我在我的程式中使用eyeSize
  • 2:22 - 2:25
    電腦將會像「噢對，那是一個變數」
  • 2:25 - 2:28
    「我知道它真正代表的是這個數值20」
  • 2:28 - 2:31
    看看這個－我只要複製它
  • 2:31 - 2:34
    然後將這四個數字改成
  • 2:35 - 2:37
    我的新變數eyeSize
  • 2:38 - 2:40
    你瞧！
  • 2:40 - 2:44
    溫斯頓的雙眼現在多麼渾圓而且大小一樣
  • 2:44 - 2:47
    而若我想改變雙眼的值
  • 2:47 - 2:48
    或雙眼的大小
  • 2:48 - 2:51
    我就可以只改變這一個變數的值
  • 2:51 - 2:53
    真是太神奇了！
  • 2:54 - 2:56
    最後幾點說明
  • 2:56 - 2:59
    至今我們寫了一個新變數叫做eyeSize
  • 2:59 - 3:01
    且這裡我們給它一個數值33
  • 3:01 - 3:03
    實際上我們只需一個步驟就可以全部完成
  • 3:03 - 3:06
    第一步，寫入var eyeSize
  • 3:06 - 3:09
    第二步，得到33
  • 3:09 - 3:11
    若我刪除這兩行
  • 3:11 - 3:13
    你可以看到一切都還是正常運作
  • 3:13 - 3:17
    此外，記住電腦從上到下依序讀取你的程式碼
  • 3:17 - 3:19
    所以它知道在下面的eyeSize代表甚麼
  • 3:19 - 3:22
    是因為我們已經在上面這裡定義它
  • 3:22 - 3:24
    如果相反地我把它放在下方這裡
  • 3:25 - 3:28
    那麼一旦我們執行到這行程式碼，電腦會
  • 3:28 - 3:31
    「eyeSize到底是什麼？
    我不知道它是啥」
  • 3:31 - 3:34
    事實上，這裡我們收到錯誤訊息
    說eyeSize尚未被定義
  • 3:34 - 3:36
    也許你會想說
  • 3:36 - 3:37
    「有啊，我有定義它啊，就在這裡！」
  • 3:37 - 3:40
    但電腦沒這麼聰明，它不知道
  • 3:40 - 3:43
    所以讓我們把它移回最上方
  • 3:44 - 3:46
    而且你必須時時確認
  • 3:46 - 3:48
    在你使用變數之前先定義它
  • 3:49 - 3:52
    現在你已經了解變數了！耶！
Title:
Intro To Variables (Video Version)
Description:
more » « less
Video Language:
English
Duration:
03:53

Chinese, Traditional subtitles

Revisions

Our website uses cookies for analysis purposes.