1.JavaScript概述

1. 什么是JavaScript
   簡稱JS，是一種運行于JS解釋器或執行引擎中的腳本代碼，是一種瀏覽器解釋型的語言
   主要用來實現頁面的交互與動態效果
2. JS的組成
   核心語法 ECMAScript 規范了JS的基本語法
   瀏覽器對象模型-BOM
   Browser Object Model，提供了一系列操作瀏覽器的方法
   文檔對象模型 -DOM
   Document Object Model . 提供了一系列操作文檔的方法

2.JS使用方式

1. 在元素標簽中綁定JS代碼，主要指JS事件
   事件：用戶在元素上所激發的行為操作（單擊）
   語法：

                   
                     
                       <
                     
                     標簽 onclick
                     
                       =
                     
                     
                       "JS 操作"
                     
                     
                       >
                     
                   
                 

   JS 操作如果涉及代碼非常多，一般會抽離出來單獨寫在JS文件中，如果是簡單的代碼，可以以屬性值字符串的形式書寫
   console.log("在控制臺中輸出一句話");

2. 將JS代碼嵌套在文檔中，使用 標簽
   語法：

                   
                     
                       <
                     
                     script
                     
                       >
                     
                     
                       JS
                     
                     代碼
   
                     
                       <
                     
                     
                       /
                     
                     script
                     
                       >
                     
                   
                 

   注意：標簽可以書寫在文檔的任意位置，書寫多次，但是不同的位置會影響代碼最終的執行效果(一般寫在末尾)
   特點：
   網頁加載到標簽時就會執行內部的JS代碼

                   
                     
                       <
                     
                     script
                     
                       >
                     
                     
       console
                     
                       .
                     
                     
                       log
                     
                     
                       (
                     
                     
                       ''
                     
                     
                       )
                     
                     
                       ;
                     
                     
                       //在頁面中輸出，會重寫網頁主體內容
                     
                     
       document
                     
                       .
                     
                     
                       write
                     
                     
                       (
                     
                     
                       ''
                     
                     
                       )
                     
                     
                       ;
                     
                     
                       <
                     
                     
                       /
                     
                     script
                     
                       >
                     
                   
                 

3. 外部鏈接
   語法：
   創建外部的JS文件 .js
   在文檔中使用 引入
   src 引入的外部資源是網頁加載所必須的一部分，網頁加載src文件時，會等待文件加載完畢再執行后面的代碼
   href 網頁 在加載href文件時，不會等待加載完畢，邊加載邊向后執行
   注意：在JS 的引入標簽中 不能再書寫任何JS代碼

   常用操作：
   alert(' '); 普通的網頁彈框
   prompt(' '); 接收用戶輸入的彈框，返回用戶輸入的內容
   document.write('

   hello

   '); 1 在使用事件方式寫入時，會重寫網頁內容（事件涉及網頁刷新），2 可以識別HTML標簽，腳本代碼可以在文檔任何地方書寫，如果是普通寫入（不涉及事件），區分代碼的書寫位置，在當前位置中插入，如果是在head中嵌入，內容會作為body的首行內容顯示，
   console.log(); 控制臺輸出，多用于代碼調試

3.基礎語法

1. JS 是由語句組成的
   JS語句可以由運算符，關鍵字，表達式組成
   JS語句必須以英文分號結束;
   JS中嚴格區分大小寫
   console.log() :正確寫法
   Console.log() :錯誤寫法
   所有涉及的標點符號，必須使用英文的
2. JS中的注釋
   單行注釋 //
   多行注釋 /* 注釋文本 */

4.JS的變量與常量

1. 變量
   使用關鍵字 var 進行聲明
   聲明：var 變量名;
   賦值：變量名 = 值;
   聲明的同時賦值
   var 變量名 = 值;
   et:
   聲明一個變量 uname，取值 ‘韓梅梅’
   var uname = ‘韓梅梅’;
   輸出變量的值
   console.log(uname);
   document.write(uname);
   alert(uname);

聲明變量時，關鍵字 var 可以省略，不建議省略，容易出問題
變量如果只聲明，未賦值， var a; 變量默認值為 undefined

2. 常量
   一經聲明就不允許再被修改的數據就是常量( 常量在聲明的同時必須賦值 )
   語法: const 常量名 = 值;
   為了與變量名區分，常量名一般采用全大寫的方式

   操作小數位
   保留小數點后n位
   toFixed(r);

                   
                     使用：
     
                     
                       var
                     
                      num 
                     
                       =
                     
                     
                       3.1415926
                     
                     
                       ;
                     
                     
                       //保留當前變量小數點后兩位
                     
                     
                       var
                     
                      res 
                     
                       =
                     
                      num
                     
                       .
                     
                     
                       toFixed
                     
                     
                       (
                     
                     
                       2
                     
                     
                       )
                     
                     
                       ;
                     
                     
     或者
     num 
                     
                       =
                     
                      num
                     
                       .
                     
                     
                       toFixed
                     
                     
                       (
                     
                     
                       2
                     
                     
                       )
                     
                     
                       ;
                     
                   
                 

5.數據類型

• number 類型
  數字類型，表示32位的整數或者是64位的浮點數,1字節 = 8位,整數占4字節，浮點數占8字節
  參照c語言

• 字符串類型
  string 類型，可以由 Unicode 的字符 ，數字或標點來組成,

  • 字符串在使用時必須使用 ' ' 或 " " 引起來

  • 每個字符都有對應的 Unicode碼
    查看字符的Unicode碼
    var s1 = ‘張’；
    方法： charCodeAt(index) 用來查看指定位置的字符對應的Unicode編碼

    字符串中的字符都對應有一個下標，參考數組的存儲方式，下標從0開始
    var s = 'hello';
s.charCodeAt(2);

  • boolean 布爾類型
    用來表示真或假
    布爾類型表示真或假，是可以參與數學運算的，true = 1 / false = 0

  • undefined 類型
    變量聲明未賦值時，為undefined
    如果訪問對象不存在的屬性時，也為undefined

  • null 類型
    空類型

• 判斷數據類型
  typeof
  使用：

                  
                    
                      var
                    
                     n 
                    
                      =
                    
                    
                      'asda'
                    
                    
                      ;
                    
                    
    console
                    
                      .
                    
                    
                      log
                    
                    
                      (
                    
                    
                      typeof
                    
                     n
                    
                      )
                    
                    
                      ;
                    
                    
    console
                    
                      .
                    
                    
                      log
                    
                    
                      (
                    
                    
                      typeof
                    
                    
                      (
                    
                    n
                    
                      )
                    
                    
                      )
                    
                    
                      ;
                    
                  
                

• 引用數據類型（復雜數據類型）
  數組 函數 對象

6.數據類型轉換

• 隱式類型轉換（自動轉換）

  • number + string
    當字符串與其他數據類型相加時， + 表示字符串的拼接，不再是數學運算
    轉換規則：將非字符串類型的數據轉換成字符串之后進行拼接，最終結果為字符串
  • boolean + string
    將布爾類型轉換為字符串進行拼接

                        
                          
                            var
                          
                           n 
                          
                            =
                          
                          
                            true
                          
                          
                            ;
                          
                          
                            var
                          
                           r 
                          
                            =
                          
                           n 
                          
                            +
                          
                          
                            '你好'
                          
                          
                            ;
                          
                          
                            //'true你好';
                          
                        
                      

  • number + boolean
    將布爾類型轉換為數字進行運算

                        
                          
                            true
                          
                          
                            =
                          
                          
                            1
                          
                          
                            ;
                          
                          
                            false
                          
                          
                            =
                          
                          
                            0
                          
                          
                            ;
                          
                          
      et
                          
                            :
                          
                          
                            var
                          
                           n 
                          
                            =
                          
                          
                            true
                          
                          
                            +
                          
                          
                            15
                          
                          
                            ;
                          
                          
                            //16
                          
                          
                            var
                          
                           n1 
                          
                            =
                          
                          
                            false
                          
                          
                            +
                          
                          
                            20
                          
                          
                            ;
                          
                          
                            //20
                          
                        
                      

• 強制類型轉換

  • toString()
    將任意非字符串類型的數據轉換為字符串類型，并返回轉換后的結果

                        
                          
                            var
                          
                           n 
                          
                            =
                          
                          
                            100
                          
                          
                            ;
                          
                          
                            var
                          
                           r 
                          
                            =
                          
                           n
                          
                            .
                          
                          
                            toString
                          
                          
                            (
                          
                          
                            )
                          
                          
                            ;
                          
                          
    console
                          
                            .
                          
                          
                            log
                          
                          
                            (
                          
                          
                            typeof
                          
                           n
                          
                            ,
                          
                          
                            typeof
                          
                           r
                          
                            )
                          
                          
                            ;
                          
                        
                      

  • Number()
    將 數字字符串或者是布爾值轉換成number 類型 ，如果字符串中包含非數字字符，轉換失敗，會返回 NaN （Not a Number）

                        
                          
                            var
                          
                           r 
                          
                            =
                          
                          
                            Number
                          
                          
                            (
                          
                          
                            '35.5'
                          
                          
                            )
                          
                          
                            ;
                          
                          
                            //35.5
                          
                          
                            var
                          
                           r2 
                          
                            =
                          
                          
                            Number
                          
                          
                            (
                          
                          
                            true
                          
                          
                            )
                          
                          
                            ;
                          
                          
                            //1
                          
                          
                            var
                          
                           r3 
                          
                            =
                          
                          
                            Number
                          
                          
                            (
                          
                          
                            '18a'
                          
                          
                            )
                          
                          
                            ;
                          
                          
                            //NaN
                          
                        
                      

  • parseInt()
    解析字符串中的數字， 只解析字符串開頭中的數字 ，如果字符串不是以數字開頭的，都返回NaN,并且只解析整數（如果parseInt方法中的參數不是字符串，會自動先使用toString() 轉換成字符串，之后在進行判斷）

                        
                          
                            var
                          
                           r 
                          
                            =
                          
                          
                            parseInt
                          
                          
                            (
                          
                          
                            '18.2a'
                          
                          
                            )
                          
                          
                            ;
                          
                          
                            //18
                          
                          
                            var
                          
                           r2 
                          
                            =
                          
                          
                            parseInt
                          
                          
                            (
                          
                          
                            'a18'
                          
                          
                            )
                          
                          
                            ;
                          
                          
                            //NaN
                          
                          
                            var
                          
                           r3 
                          
                            =
                          
                          
                            parseInt
                          
                          
                            (
                          
                          
                            35.5
                          
                          
                            )
                          
                          
                            ;
                          
                          
                            //35
                          
                          
                            // 如果parseInt方法中的參數不是字符串，會自動先使用toString() 轉換成字符串，之后在進行判斷
                          
                        
                      

  • parseFloat()
    作用等同于parseInt(),解析結果包含小數部分