Eloquent JavaScript #02# program_structure
第一章中作者介紹了各種值,但是這些獨立的值是沒有意義的,只有當值放在更大的框架的時候才會彰顯它們的價值。所以第二章開始介紹程序結構。
1、var VS. let 以及 const
作者推薦用 let ,因為var 有一些稀奇古怪的行為?暫時沒有詳細解釋。
const 用於綁定常量值
2、關於 JavaScript 的運行環境
在運行 JavaScript 程序的環境中,並不僅僅只有你定義的綁定,還有其它各式各樣初始化就有的“環境綁定”。
例如說 prompt , 這是一個持有函數類型的綁定,不過在線代瀏覽器裏幾乎不用了,理由是它沒法裝飾。。不過在玩具式程序裏倒是用得很多。
typeof prompt "function"
typeof NaN "number"
3、關於自增號。
在 JavaScript 裏 ++ -- += -= *= 都是可以用的,但是在 Python 裏不行,它有 += 卻沒有 ++ --
4、javascript 命名規範
遵循駝峰命名法(可以發現 JavaScript 標準函數就是那樣命名的, 但為什麽像 Number 那樣的函數第一個字母是大寫呢?因為是它是構造器)
Number("xxxx") NaN Number("222") 222
5、打印下面這個圖形:
# ## ### #### ##### ###### #######
let result = "#"; for (let i = 0; i != 7; ++i) { console.log(result); result += "#"; }
6、關於控制流的小練習
Write a program that uses console.log
to print all the numbers from 1 to 100, with two exceptions. For numbers divisible by 3, print "Fizz"
"Buzz"
instead.
When you have that working, modify your program to print "FizzBuzz"
for numbers that are divisible by both 3 and 5 (and still print "Fizz"
or "Buzz"
for numbers divisible by only one of those).
<script type="text/javascript"> for (let i = 1; i <= 100; ++i) { if (i % 3 === 0 && i % 5 === 0) { console.log("FizzBuzz"); } else if (i % 5 === 0) { console.log("Buzz"); } else if (i % 3 === 0) { console.log("Fizz"); } else { console.log(i); } } </script>
PS. 優先級 + - 等遠大於 == != 遠大於 &&和||(其中 && 大於||) 賦值號優先級是最小的,另外,上面的 === 屬於多此一舉,當可以確定兩邊值類型相同的時候用 == 就可以了。
7、練習三:
Passing this string to console.log
should show something like this:
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
When you have a program that generates this pattern, define a binding size = 8
and change the program so that it works for any size
, outputting a grid of the given width and height.
<script type="text/javascript"> let size = Number(prompt("Enter the size of chessboard")); if (!Number.isNaN(size)) { // NaN 雖然含義是 "Not a Number",不過 typeof 輸出類型仍然是 Number // 另外,意外發現 IE 環境居然不支持 isNaN 屬性 let result = ""; for (let i = 0; i != size; ++i) { for (let j = 0; j != size; ++j) { if ((i + j) % 2 == 0) { result += " "; } else { result += "#"; } } result += "\n"; } console.log(result); } </script>
Eloquent JavaScript #02# program_structure