1. 程式人生 > >迴圈語句及案例

迴圈語句及案例

1.  變數提升

  變數提升是瀏覽器的功能,在執行js程式碼,瀏覽器會給js一個全域性作用域叫window,window下跟兩個模組,一個叫記憶體模組,一個叫執行模組,記憶體模組找到當前作用域下所有帶var 和function的關鍵字,(js程式碼執行前就已經發生了),執行模組執行js程式碼,從上到下的執行,遇到變數就會通過這個記憶體地址查詢這個變數,有沒有這個變數,有這個變數就會看賦值沒賦值,如果賦值,就是後面的值,如果沒有賦值就是undefined,如果沒有找到就說這個變數is not defined

  程式碼從上到下的執行,a的賦值必須在程式碼執行前面

  var 基本的數字型別                    function  基本的方式型別

2.  條件語句

    if(條件){

        語句

      }

    else{

        語句

      }

  執行程式碼每一行是獨立的叫語句

  {} 在js我們把它叫程式碼塊,如果程式碼塊,裡面沒有執行完,語句不會向下走,程式碼塊是個獨立的整體,如果js中某一條語句出錯,那麼就會在此終止,不會向下執性

3.  迴圈語句

  迴圈:就是對一個整體進行遍歷(逐個查詢)

  迴圈注意的條件:1.從什麼時候開始   (預設從0開始)

          2.查詢的步長    (一個一個查   隔兩個查如 1、3、5、等等還有很多)

          3.結尾的標誌(數字)      (如果沒有會一直查詢下去)

  計算機對資料的計算不是從一開始,而是從零開始,也就是說零代表第一個資料

  var a="hello"       字串裡面叫位元組           資料裡面叫元素

  a[0]->h     註釋:a[0]是下標的意思,對某個元素的標記(往往用數字表示) 

  a[1]->e

  a[2]->l  .....

  我們用數字代表位元組的方法,將數字叫做這個位元組的下標(索引)

  查詢一組資料的逐個元素用下標

  迴圈語句的格式

  迴圈用for  

  for(var i=1;i<5;i++){

    console.log(i)  

    }    解析 1.(i=1開始的位置)2.(i<5 判斷的條件)3.(console.log(i) 執行的程式碼)4.(i++遞增)  嚴格按照順序來

  到後面i的值為5,但是i應該是for迴圈的程式碼塊中的變數,但是for迴圈之外也可以使用,我們把它叫做記憶體洩露 (但這種現象極其不好的,嚴重可使電腦宕機)

  記憶體洩露過多,瀏覽器載入過慢,需要清記憶體

  清除記憶體的方法 i=null

4.  js處理資料的目的就是將資料渲染帶頁面中,而渲染的本質就是字串

  變數個字串連線到一起,中間要用+號   (重點)

  其他的資料底層都是字串,學習到最後都是資料的處理,渲染資料的最本質方法就是字串的拼接

  後期的資料渲染方式都是字串衍變而成

5.  +(加號)的使用

  + 字串的拼接

  變數和字串之間都需要用“+”進行連線

  其他資料的底層都是字串

  字串是什麼就輸出什麼

6.  彈出框三種方式

  alert()     警告框         帶括號的都是方法   

  prompt()    輸入框

  confirm()  確認框

  列如:

  var a=prompt()

   console.log(a)

7.  介紹幾個案列

  1                                    程式碼的寫法

  12                    

  123

  1234

  <script>

    for(var i=1;i<4;i++){

      for(var j=1;j<i;j++){

        document.write(j)

      }

    }

  </script>

  求和

  var sum=0;

   for(var i=1;i<=10;i++){

    sum=sum+i

      }

  console.log(sum)