JavaScript基礎知識必知！

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。

JS做用：表單驗證，減輕服務端的壓力；添加頁面動畫效果；動態更改頁面內容；Ajax網絡請求。

下面簡單介紹JS的基礎知識：

>>> JS******基礎知識

1、基本結構

<script type="text/javascript">

&emsp;&emsp;&emsp;&emsp;alert("hahaha");

</script>
複製代碼

2、使用JS的三種方式

 一、直接在HTML標籤中，使用事件屬性，調用JS代碼：

&emsp;&emsp;<button onclick="alert('點我');">點我！</button>
複製代碼

 二、在頁面的任意位置，使用script標籤，插入JS代碼。

&emsp;&emsp;<script type="text/javascript">

&emsp;&emsp;&emsp;&emsp;alert("hahaha");

&emsp;&emsp;</script>
複製代碼

 三、引入外部JS文件：

&emsp;<script src= "js/01.js" type="text/javascript"></script>
複製代碼

注意事項

  ① JS代碼能夠放在頁面的任意位置使用，可是放置的位置不一樣，將影響JS執行的順序

  ② 引入外部JS的script標籤中，不能再包含任何的JS代碼。

3、JS中的變量

 一、變量的聲明

   var num = 1;        // 使用var聲明的變量，屬於局部變量，只在當前做用於有效

   num = "hahaha";      // 不用var聲明的變量，默認爲全局變量，在整個JS文件中可用

   var a=1,b,c=2;    // 使用一行代碼，聲明多個語句。其中b爲Undefined
複製代碼

** JS中變量聲明的注意事項**

  ① JS中聲明變量的關鍵字只有一個var，變量的類型，取決於所賦的值；

   若是聲明後爲賦值，則爲Undefined類型。

  ② JS中同一個變量，能夠在屢次賦值中，被修改數據類型；

    var num1=1;

    num = "字符串";
複製代碼

  ③ 變量可使用var聲明，也能夠直接賦值聲明。（區別：使用var聲明的做用域爲局部變量）  

  ④ 在JS中，一個變量能夠屢次使用var聲明，後面的聲明至關於直接賦值，沒有任何做用；

  ⑤ JS變量區分大小寫，大寫和小寫不是一個變量；

 二、JS中的數據類型：

  Undefined：使用var聲明，可是沒有賦值的變量

  null：表示空的引用

  Boolean：真假

  Number：數值類型，包括整型和浮點型

  Object：對象

 三、經常使用數值函數

  ① isNaN：用於檢測是一個變量，是否是非數值（Not a Number）；

   isNaN在檢測時，會先調用Number函數，嘗試將變量轉爲數值類型，若是最終結果可以轉化爲數值，則不是NaN。

  ② Number函數：用於將各類數據類型轉爲數值類型

   >>>Undefined：沒法轉換，返回NaN；

   >>>null：轉爲0；

   >>>Boolean：true轉爲1，false轉爲0；

   >>>字符串：

        若是字符串是純數值字符串，能夠轉換，"123"-->123

        若是字符串包含非數值字符，不能轉換，"123a"-->NaN

        若是是空字符串，轉爲0，""-->0 " "-->0

  ③ parseInt()：將字符串轉爲數值類型

   >>>若是是空字符串，不能轉，" "-->NaN

   >>>若是是純數值類型字符串，能夠轉換，且小數點直接捨去，不保留，"123"-->123 "123.9"-->123

   >>>若是字符串包含非數值字符，則將非數值字符前面的整數進行轉換，"123a"-->123 "a123"-->NaN

  ④ parseFloat()：轉換機制與java相同。

   不一樣的是：轉換數值字符串時，若是字符串爲小數則能夠保留小數點，"123.5"-->123.5 "123"-->123

  ⑤ typeof()：檢測一個變量的數據類型。

   字符串->String  數值->number   true/false->boolean

   未定義->undefined  對象/null->object  函數->function

4、JS中經常使用的輸入輸出語句

 一、alert()：彈窗輸出

  二、prompt()：彈窗輸入

  接受兩部分參數：① 輸入提示內容；② 輸入框的默認文本。（兩部分均可以省略）

  輸入的內容默認都是字符串。

 三、document.write("

12345

hahaha

");

   在瀏覽器屏幕上面打印。

 四、console.log("hahaha");

   瀏覽器控制檯打印。

5、JS中的運算符

 一、除號：不管符號兩邊是整數仍是小數，除完後都將按照實際結果保留小數；

  例如：22/10 --> 2.2

 二、===：要求等號兩邊的數據、類型和值都必須相同。若是類型不一樣，直接返回false

   ==：只判斷兩邊的數據，值是否相等，並不關心等式兩邊是不是同一種數據類型

   ！=：不等  ！==：不全等

 三、&、| 只能進行按位運算，若是兩邊不是數值類型，將轉爲數值類型再運算；

  &&、|| 進行邏輯運算

 四、各級運算符的優先級別表：

>>> JS******分支與循環

1、if判斷

 一、JS中的真假判斷：

  ① Boolean類型：true爲真，false爲假；

  ② 數值類型：0爲假，非0爲真；

  ③ 字符串類型：""爲假，非空字符串爲真；

  ④ Null/Undefined/NaN：全爲假；

  ⑤ Object：全爲真。

 二、if判斷：

if(undefined) {
               console.log(true);
      } else {
       console.log(false);      
&emsp;&emsp;    }</pre>
複製代碼

2、循環

 一、switch

  switch結構的()中能夠放各類數據類型：

  比對時，採用  "==="  進行判斷，要求數據類型徹底相等

var num=1;
  switch (num){
    case 1:
         console.log("dengyu");
         break;
    default:
         console.log("budeng");
         break;
  }
複製代碼

Java中switch不能判斷區間，而JS中switch能夠判斷區間 ↓↓↓

switch (true){
            case num>=0 && num<10:
                    console.log(1);
                    break;
            case num>=10 && num<100
                    console.log(2);
                    break;
            default://歡迎加入全棧開發交流圈一塊兒學習交流：864305860 
                    console.log(3);  //面向1-3年前端人員
                    break; //幫助突破技術瓶頸，提高思惟能力 
    }
複製代碼

二、do-while

    do{
    }while (false);
複製代碼

 三、for循環

&emsp;&emsp;&emsp;&emsp;for(var i=0;i<100;i++){ }
複製代碼

 四、例：輸入一個數，判斷其是不是正整數，若是不是正整數，提示輸入有誤，請從新輸入；若是是正整數，反轉輸出這個數。

var num=prompt("請輸入一個正整數：");
       var str="";
       if(parseInt(num) == num){
         while (num>0){
            var a = num%10;
             str += a;
             num = parseInt(num/10);
          }
          console.log(str);
       }else {
             console.log("您輸入的數不是正整數!");
       }
複製代碼

結語

感謝您的觀看，若有不足之處，歡迎批評指正。

本次給你們推薦一個免費的學習羣，裏面歸納移動應用網站開發，css，html，webpack，vue node angular以及面試資源等。 對web開發技術感興趣的同窗，歡迎加入Q羣：864305860，無論你是小白仍是大牛我都歡迎，還有大牛整理的一套高效率學習路線和教程與您免費分享，同時天天更新視頻資料。 最後，祝你們早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峯。