IT兄弟會全棧工程師精英班第二天(學習筆記)

命令式(指令)編程之 "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);
    
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創建,需要時才創建 最常見的單例模式,...
    Obeing閱讀 2,109評論 1 10
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,854評論 2 17
  • 《ijs》速成開發手冊3.0 官方用戶交流:iApp開發交流(1) 239547050iApp開發交流(2) 10...
    葉染柒丶閱讀 5,342評論 0 7
  • 今年3月底的時候,我和交往兩年的男友分手。 我們在一起兩年,在我心中他是一個不靠譜的男人。喜歡和別的女孩子玩曖昧,...
    張小蔓的另一個世界閱讀 483評論 1 2
  • 《莊子》解,每章一讀。 文: 子列子問關尹曰:“至人潛行不窒,蹈火不熱,行乎萬物之上而不慄。請問何以至于此?”關尹...
    千里飄蓬閱讀 1,221評論 0 0