如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
101 likes40,524 views
十分鐘系列： http://ccc.nqu.edu.tw/wd.html#ccc/slide.wd
More Related Content
What's hot (20)
Similar to 如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》 (20)
More from 鍾誠 陳鍾誠 (20)
Recently uploaded (20)
如何用十分鐘快速瞭解一個程式語言 《以JavaScript和C語言為例》
- 1. 如何用十分鐘 快速瞭解一個程式語言 《以 JavaScript 和 C 語言為例》 陳鍾誠 2016 年 3 月 7 日 程式人程式人 本文衍生自維基百科
- 5. 到底 ● 哪些程式語言是長的一樣的 ? ● 哪些程式語言又長得不太一樣呢？
- 6. 先讓我想想看
- 7. 長得都差不多的程式語言有 ● Pascal, C, C++, Java, VB, C#, Ruby, Python, JavaScript, Go, R, Foxpro 等等
- 8. 長得很不一樣的程式語言 ● 好像不算太多 , 我學過的就只有 Prolog 和 LISP 兩個，沒學過的 聽說還有 ML, Haskell 等語言
- 9. 那些長得差不多的 ● 通常是《程序式的語言》 , 也就是 有 if, while, function 的那些 《結構化流程式語言》
- 10. 而長得很不一樣的 ● 通常屬於《宣告式語言》 (declarative programming language ) ，這類語言通常沒有迴 圈，得用遞迴替代迴圈。
- 16. 然後 ● 我會看看這個語言的 – 變數怎麼宣告 – if 語法怎麼寫 – 迴圈語法怎麼寫 – 陣列 ( 和字典 ) 的存取如何做 – 函數如何宣告和使用
- 19. 舉例而言 ● 如果要學 javascript ，我會先安裝 node.js ● 如果要學 C ，我會先安裝 gcc ( 或包含 gcc 的開發環境，像是 Dev C++ 等 )
- 20. 接下來 ●就直接開始試著寫寫看！
- 21. 到底應該寫些甚麼程式呢？
- 22. 根據程式人不成文的慣例
- 23. 第一個程式通常是寫 Hello World! JavaScript 版 C 語言版
- 24. 請注意 ● 在上述程式中，我輸出 《 Hello ! 你好 ! 》 順便測試一下中文有沒有問題！ ● 有不少開發環境的中文會出現問題
- 25. 所以 ● 要小心一些事情 – 像是檔案資料夾名稱最好不要用中文。 – 路徑裡最好不要有空白 (windows 中盡量不要將檔案存在桌面 )
- 27. 以下是命令列 Shell 的使用方式 windows MAC/Linux
- 28. 以下是我執行 hello.js 的案例 C:Usersuser>d: D:>dir ... 2015/10/11 上午 08:48 <DIR> sport 2016/03/02 下午 08:32 <DIR> temp 2015/12/25 下午 08:45 <DIR> upload 2015/12/25 下午 09:06 <DIR> 照片 0 個檔案 0 位元組 16 個目錄 15,897,038,848 位元組可用 D:>cd jscode D:jscode>dir ... 2015/10/15 上午 08:30 683 gensentence.js 2013/03/14 上午 08:53 22 hello.js 2013/03/18 下午 01:53 240 HelloWeb.js ... D:jscode>node hello.js Hello!
- 29. 您可以看到 ● 我先用 d: 切換磁碟機 ● 然後再用 cd 切換資料夾 到我的程式所在位置 ● 最後才用 node hello.js 執行我寫的程式 C:Usersuser>d: D:>dir ... 2015/10/11 上午 08:48 <DIR> sport 2016/03/02 下午 08:32 <DIR> temp 2015/12/25 下午 08:45 <DIR> upload 2015/12/25 下午 09:06 <DIR> 照片 0 個檔案 0 位元組 16 個目錄 15,897,038,848 位元組可用 D:>cd jscode D:jscode>dir ... 2015/10/15 上午 08:30 683 gensentence.js 2013/03/14 上午 08:53 22 hello.js 2013/03/18 下午 01:53 240 HelloWeb.js ... D:jscode>node hello.js Hello!
- 31. 但是對於新手而言
- 33. 而且 ● 每個作業系統和開發工具的常識都長得不太一樣！ – Win Xp,Win7, Win8, Win10 – MAC, Linux, … – iOS, Android, … – 甚至有些系統改版時還會大搬風一下！
- 34. 像是上次我要寫 Android 版 PhoneGap 的 Hello World 時 ● 怎麼試都沒辦法在自己的 Galaxy Tab4 手機上面執行！ ● 結果發現這個，顯然 google 把程式人員當 007 在訓練
- 36. 好了，現在你應該可以試試 ● 自己執行那個 hello 程式了！
- 37. 像這樣 JavaScript 版 C 語言版
- 40. 就像前面所說的 ● 通常每個語言都會有這些語法 – 變數怎麼宣告 – if 語法怎麼寫 – 迴圈語法怎麼寫 – 陣列 ( 和字典 ) 的存取如何做 – 函數如何宣告和使用
- 42. 學會寫 Hello 之後 ● 讓我來們看看，到底程式是甚麼？
- 45. 這代表著 x=3; // 執行完這行後 x 會是 3 y=5; // 執行完這行後 y 會是 5 x=y; // 執行完這行後 x 會是 5 因為 y 把 5 這個值丟給 x 其中的 = 是指定的意思， 而非數學上的比較或相等。
- 46. 所以、當你看到 x=5; x=x+1; 這樣的程式碼時，千萬不要以為 他寫錯了，然後說： x = x+1 根本就是不可能的。 因為、這裡的 = 是指定，而不是 比較或數學的等號。 所以執行完後 x 會變成 6 。
- 47. 每年、我教大一程式設計的時候 ● 一開始都有學生誤會，然後百思不解 的問我。 ● 其實這些學生沒什麼錯，只是它們用 數學的等號想法來理解程式裡面的 = 符號，所以才會無法理解。
- 48. 事實上、在很多程式語言中 ● 都會用一個等號 = 代表《指定》， 因為這個運算太常用了。 ● 然後用兩個等號 == 代表《判斷》， 這個符號才比較像是數學上的那個相 等。
- 49. 所以、您應該要能判斷 下列程式會印出甚麼？ 答案是印出 《 a 不等於 b 》 JavaScript 版
- 51. 我很喜歡用 1+..+10 當範例說明程式的用途 JavaScript 版 C 語言版
- 52. 您可以看到 JavaScript(js) 和 C 兩者的版本，其實結構差不多！ 但是 C 語言必須要宣告型態 (int 是整數 ) 與主程式 main ，比較冗長 JavaScript 版 C 語言版
- 53. 這是因為 ● JavaScript 是弱型態語言，不 需要宣告變數型態。 ● 但 C 語言是強型態語言，需要 宣告變數型態。
- 54. 另外、兩者在執行過程上也有差別 ● JavaScript 是直譯式語言， 不需要編譯就能執行 ● C 語言是編譯式語言， 需要編譯才能執行。 JavaScript 版 C 語言版
- 55. 不過、 JavaScript 和 C 兩者所使用的 ● if, for, while 語法都非常類似 ● 指定 = 與比較 ==, !=, >=, <=, >, < 還有 +, -, *, /, %, &, |, !, &&, || 等運算，還有 +=, -=, *=,/= 這些運算 都是一樣的。
- 56. 您可以看到下列用 for 迴圈 寫的加總版本， JS 和 C 也很像 這是因為 JavaScript (JS) 學 Java 的語法， Java 學 C 的語法，大家學來學去， 最後都採用了 C 語言所提出來的那些語法。 JavaScript 版 C 語言版
- 58. 必須注意的是 ● 函數的參數是根據位置傳入的，而不是根據名字。 所以在左邊的程式中， 9 會傳給 a, 5 會傳給 b 。 就算你故意用以下相反的命名方式，也不會影響 《根據位置傳入的事實》。 b=9; a=5; max(b,a) 結果仍然是 (b 裡面的 ) 9 會傳給 a, (a 裡面的 ) 5 會傳給 b. 並不會因此而顛倒過來！
- 62. 為甚麼會一直改呢？ ● 因為只要有任何一個地方要改，就要改 n 次。 ( 因為 你已經複製了 n 次 ) ● 例如要算下列結果，結果用了三個迴圈，長得都很像 – s10=1+…+10 – s100=1+…+100 – s1000=1+…+1000
- 66. 舉例而言、以下程式 max(a,b) 可以取兩者的大值 JavaScript 版 C 語言版
- 67. 接著就可以學習陣列的用法 JavaScript 版 C 語言版
- 69. 學會了上述這些語法之後 ● 其實您就可以寫出很多程式了，像是 – 計算 f(a,n) = an – 把一個陣列或字串反轉 – 印出九九乘法表 – …
- 75. 像是 ●回呼 callback ●遞迴 recursive ●物件 object
- 77. 所謂的回呼 callback ● 就是將函數當參數傳入後，在適當時機被呼叫的 那種情況。 ● 舉例而言，如果有一個微分函數 df(f, x) ， 其中的 f 是待微分函數，那麼當我們呼叫 df(sin,pi/4) 的時候，就可以利用傳進去的 sin 函數，來計算該函數在 pi/4 的導數。
- 78. 以下就是用 callback 作微分的範例 JavaScript 版 C 語言版
- 79. 當然也可以用 callback 做積分 JavaScript 版 C 語言版
- 80. 這種 callback 技巧 ● 在 JavaScript 和 C 當中都很常用 ● JavaScript 常用在 非阻斷式 (non-blocking) 呼叫上 ● C 則在驅動程式的註冊與呼叫時常被使用。
- 82. 所謂的遞迴 ● 就是一個函數《自己呼叫自己》 function f(...) { if (...) return; f(...); } 函數 f 的裡面還呼叫了 f()
- 83. 舉例而言 ● 假如我們要計算 s(n)=1+...+n 這個函數 ● 那麼我們可以將 s(n) 改寫成遞迴式如下： s(n) = 1+...+(n-1)+n = s(n-1)+n s(1) = 1
- 84. 於是我們可以根據 遞迴式寫出下列程式 s(n) = s(n-1)+n s(1) = 1 JavaScript 版 C 語言版
- 86. 如果你看懂上述的遞迴寫法 ● 那麼應該也可以寫出計算下列遞迴式的程式 f(n)=f(n-1)+f(n-2) f(1)=1 f(0)=0 費氏數列的前幾項為 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, …..
- 87. 您可以試著寫寫看！
- 88. 最後、我們來看物件的概念
- 92. 在瞭解了這些基本語法之後 ● 讓我們用一個範例作為總結 ● 那就是一個《逐字翻譯系統》 ● 其使用方法如下 JavaScript 版執行結果 C 語言版執行結果
- 94. 如果、看完這次的 《十分鐘系列》之後 ● 您能夠用 JavaScript 或 C 語言，寫出 上面的那些範例。 ● 而且是不看這個文件的情況下，親自動手 寫出來的。 ● 那我想您就已經學會那個語言的基礎了。
- 98. 希望 ●這次的十分鐘系列
- 99. 對您會有所幫助
- 100. 我們下回見囉！
- 101. Bye Bye !