命令式(指令)編程之 "JavaScript"
1. JavaScript?
- JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
2. JavaScript特點?
- 腳本語言
JavaScript是一種解釋型的腳本語言,C、C++等語言先編譯后執行,而JavaScript是在程序的運行過程中逐行進行解釋。
- 基于對象
JavaScript是一種基于對象的腳本語言,它不僅可以創建對象,也能使用現有的對象。
- 簡單
其簡單性主要體現在:首先,JavaScript是一種基于Java基本語句和控制流之上的簡單而緊湊的設計,從而對于使用者學習Java或其他C語系的編程語言是一種非常好的過渡,而對于具有C語系編程功底的程序員來說,JavaScript上手也非常容易;其次,其變量類型是采用弱類型,并未使用嚴格的數據類型。
- 相對安全
JavaScript作為一種安全性語言,不被允許訪問本地的硬盤,且不能將數據存入服務器,不允許對網絡文檔進行修改和刪除,只能通過瀏覽器實現信息瀏覽或動態交互。從而有效地防止數據的丟失或對系統的非法訪問。
- 動態性
JavaScript是一種采用事件驅動的腳本語言,它不需要經過Web服務器就可以對用戶的輸入做出響應。在訪問一個網頁時,鼠標在網頁中進行鼠標點擊或上下移、窗口移動等操作JavaScript都可直接對這些事件給出相應的響應。
- 跨平臺性
JavaScript依賴于瀏覽器本身,與操作環境無關,只要計算機能運行瀏覽器,并支持JavaScript的瀏覽器,就可正確執行,從而實現了“編寫一次,走遍天下”的夢想。
3. 注意事項
- 計算機程序指令
不等于
CPU指令 - CPU制定 -> 定長指令
- 在cmd輸入:
node -v ===>查看版本 node ===>交互模式
4. 分支語句?
if else
-
結構:
if(true){ }else{ }
if else嵌套
-
結構:
if(true){ }else if(true){ }else{ }
Switch語句
-
結構:
switch(表達式){ case 取值1: 語句塊1; break; case 取值2: 語句塊2; break; case 取值n: 語句塊n; break; defaule: 語句塊n+1; break; }
break 表示跳出switch循環
default 關鍵詞來規定匹配不存在時做的事情
5. 循環?
for循環
-
語法
for (語句 1; 語句 2; 語句 3){ 被執行的代碼塊 }
注意:
語句 1 在循環(代碼塊)開始前執行 語句 2 定義運行循環(代碼塊)的條件 語句 3 在循環(代碼塊)已被執行之后執行
實例:
for (var i=0; i<5; i++){ x=x + "The number is " + i + "<br>"; }
while循環
-
語法
while (條件){ 需要執行的代碼 }
實例:
while (i<5){ x=x + "The number is " + i + "<br>"; i++; }
6. function 函數?
-
語法
function functionname(){ 這里是要執行的代碼 }
注意:
當調用該函數時,會執行函數內的代碼。
可以在某事件發生時直接調用函數(比如當用戶點擊按鈕時),并且可由 JavaScript 在任何位置進行調用。
提示:JavaScript 對大小寫敏感。關鍵詞 function 必須是小寫的,并且必須以與函數名稱相同的大小寫來調用函數。
7. 設計思想(重點)?
- 輸入一個
*
? - 案例:
console.log('*');
或者
```
var printStr = "";
printStr += "*";
console.log(printStr);
```
- 輸出十個
*
? - 案例:
var printStr = "";
for (var i = 0; i < 10; i++) {
printStr += "*";
}
console.log(printStr);
輸出一個矩形的
*
?-
案例:
var printStr = ''; for(var i=0;i<10;i++){ for(var j=0;j<10;j++){ printStr += "*"; } printStr += "\n"; } console.log(printStr);
或者在靈活一點
```
var printStr = '';
function fn(a,b){
for(var i=0;i<a;i++){
for(var j=0;j<b;j++){
printStr += "*";
}
printStr += "\n";
}
}
fn(5,3);
console.log(printStr);
```
或者在靈活一點(打印任意字符)封裝成函數
- 打印矩形
var printStr = ''; function printChar(c,n){ for(var j=0;j<n;j++){ printStr += c; } } function n(){ printStr += "\n"; } function fn(c,k){ for(var i=0;i<c;i++){ printChar("#",k); n(); } } fn(10,7); console.log(printStr);
- 打印正方形
var printStr = ''; function printChar(c,n){ for(var j=0;j<n;j++){ printStr += c; } } function n(){ printStr += "\n"; } function fn(c,k){ for(var i=0;i<c;i++){ printChar("#",k); n(); } } function zfx(x){ fn(x,x); } zfx(5); console.log(printStr);