1.Js的組成

2.Js的三種引入

1. 行內式

   <input type="button" value="來嘛來嘛" onclick="alert('Hello World')" />
   

2. 內嵌式

   <script>
       alert('Hello  World~!');
   </script>
   

3. 外部式

   <script src="my.js"></script>
   

   注意:html的載入順序是從上到下依次進行且是同步的(一般情況下,不寫入非同步),要注意自己的js指令碼是否合理,避免影響其他js檔案的執行

3.Js註釋

1. 單行註釋

   // 用來註釋單行文字（  快捷鍵   ctrl  +  /   ）
   

2. 多行註釋

   /*
     獲取使用者年齡和姓名
     並通過提示框顯示出來
   */
   快捷鍵因不同的編輯器有所不同
   

4.變數

1. 什麼是變數

   • 變數是用於存放資料的容器。 我們通過 變數名 獲取資料，甚至資料可以修改

2. 變數的使用

   • 變數的宣告

     //  宣告變數  
     var age; //  宣告一個 名稱為age 的變數    
     

   • 變數的賦值

     age = 10; // 給 age  這個變數賦值為 10 
     

   • 變數初始化

     var age  = 18;  // 宣告變數同時賦值為 18
     // 宣告一個變數並賦值， 我們稱之為變數的初始化。
      
     

   • 同時宣告多個變數

     // 同時宣告多個變數時，只需要寫一個 var， 多個變數名之間使用英文逗號隔開。
     var age = 10,  name = 'zs', sex = 2;       
     

5.變數命名規範

規則:

• 由字母(A-Za-z)、數字(0-9)、下劃線(_)、美元符號( $ )組成
• 嚴格區分大小寫
• 不能以數字開頭
• 不能是關鍵字、保留字
• 變數名必須有意義
• 遵守駝峰命名法。首字母小寫，後面單詞的首字母需要大寫

6.資料型別

Js把資料型別分為兩類

• 簡單資料型別 （Number,String,Boolean,Undefined,Null)

  JavaScript 中的簡單資料型別及其說明如下:

  數值型 Number

  • JavaScript 數字型別既可以儲存整數，也可以儲存小數(浮點數)

    var age = 21;       // 整數
    var Age = 21.3747;  // 小數     
    

  • 數字型三個特殊值

    • Infinity ，代表無窮大，大於任何數值
    • -Infinity ，代表無窮小，小於任何數值
    • NaN ，Not a number，代表一個非數值

  • isNaN

    • 用來判斷一個變數是否為非數字的型別，返回 true 或者 false

  字串型 String

  字串型可以是引號中的任意文字，其語法為 雙引號 "" 和 單引號''

  因為 HTML 標籤裡面的屬性使用的是雙引號，JS 這裡我們更推薦使用單引號

  • 字串引號巢狀

    JS 可以用單引號巢狀雙引號 ，或者用雙引號巢狀單引號 (外雙內單，外單內雙)

  • 字串轉義符

    類似HTML裡面的特殊字元，字串中也有特殊字元，我們稱之為轉義符

    轉義符	解釋說明
    \n	換行符，n 是 newline 的意思
    \ \	斜槓 \
    '	' 單引號
    "	”雙引號
    \t	tab 縮排
    \b	空格 ，b 是 blank 的意思

  • 字串長度

    var strMsg = "我是帥氣多金的程式猿！";
    alert(strMsg.length); // 顯示 11
    

  • 字串拼接

    • 多個字串之間可以使用 + 進行拼接，其拼接方式為 字串 + 任何型別 = 拼接之後的新字串
    • 拼接前會把與字串相加的任何型別轉成字串，再拼接成一個新的字串
    • + 號總結口訣：數值相加 ，字元相連

  布林型 Boolean

  布林型別有兩個值：true 和 false ，其中 true 表示真（對），而 false 表示假（錯）。

  布林型和數字型相加的時候， true 的值為 1 ，false 的值為 0。

  Undefined和 Null

  一個聲明後沒有被賦值的變數會有一個預設值undefined ( 如果進行相連或者相加時，注意結果)

  var variable;
  console.log(variable);           // undefined
  console.log('你好' + variable);  // 你好undefined
  console.log(11 + variable);     // NaN
  console.log(true + variable);   //  NaN
  

  一個宣告變數給 null 值，裡面存的值為空（講到物件時，我們繼續研究null)

  var vari = null;
  console.log('你好' + vari);  // 你好null
  console.log(11 + vari);     // 11
  console.log(true + vari);   //  1
  

• 複雜資料型別(object)(現在先不研究)

7.獲取變數資料型別

typeof 可用來獲取檢測變數的資料型別

var num = 18;
console.log(typeof num) // 結果 number    

不同型別的返回值

8.資料型別轉換(重點)

什麼是資料型別轉換?

使用表單、prompt 獲取過來的資料預設是字串型別的，此時就不能直接簡單的進行加法運算，而需要轉換變數的資料型別。通俗來說，就是把一種資料型別的變數轉換成另一種資料型別，通常會實現3種方式的轉換

轉換為字串型別
轉換為數字型
轉換為布林型

• 轉換為字串

• 轉換為數字型（重點）

  • 注意 parseInt 和 parseFloat 單詞的大小寫，這2個是重點
  • 隱式轉換是我們在進行算數運算的時候，JS 自動轉換了資料型別

• 轉換為布林型

  • 代表空、否定的值會被轉換為 false ，如 ''、0、NaN、null、undefined

  • 其餘值都會被轉換為 true

    console.log(Boolean('')); // false
    console.log(Boolean(0)); // false
    console.log(Boolean(NaN)); // false
    console.log(Boolean(null)); // false
    console.log(Boolean(undefined)); // false
    console.log(Boolean('小白')); // true
    console.log(Boolean(12)); / / true