JavaScript基礎知識一

阿新 • • 發佈：2020-08-21

JavaScript

  1、JavaScript 概述(瞭解)
    1、什麼是JavaScript
        JavaScript，簡稱JS，是一種運行於Javascript直譯器/引擎中的解釋型指令碼語言
    2、JS的發展史
        1、1992年，Nombas為自己的軟體開發了一款指令碼語言叫 CMM(C--),後來更名為ScriptEase，可以嵌入在網頁中執行
        2、1995年，Netscape(網景)在自己的Navigator2.0的瀏覽器中開發了另一種指令碼語言LiveScript,後更名為 JavaScript
        3、1996年，Microsoft，在IE3.0中釋出了JavaScript的克隆版本，稱為 JScript
        4、1997年，ECMA(歐洲計算機制造商協會) 接收了 JavaScript 1.1 版本.Netscape將JS的核心交給了ECMA，從此JS的核心更名為 ECMAScript

 完整的JS共有3個部分組成：
        1、核心(ECMAScript)
        2、DOM(Document Object Model)
            文件物件模型
            讓JS有能力操作HTML文件
        3、BOM(Browser Object Model)
            瀏覽器物件模型
            讓JS有能力操作瀏覽器
 2、JavaScript 的使用
    1、瀏覽器的核心
        1、內容排版引擎 - 解析HTML 和 CSS
        2、指令碼解釋引擎 - 解析Javascript
    2、搭建JS執行環境
        1、獨立安裝的JS直譯器
            NodeJS
            輸入：console.log("Hello World");
            作用：在控制檯上列印輸出指定的內容
        2、使用瀏覽器核心中的JS直譯器
            1、直接在Console中輸入程式碼並執行
            2、將JS指令碼嵌入在HTML的頁面中
                1、在html元素事件中執行JS程式碼
                    <button onclick="">
               2、在<script></script>中嵌入JS指令碼
                    <body>
                        <script>
                            document.write("Hello World");
                        </script>
                    </body>
                3、在外部檔案中編寫JS指令碼
                    1、建立 ***.js檔案，並編寫指令碼程式碼
                    2、在網頁中通過<script>標記引入JS檔案
                        <script src="js檔案的url"></script>
    3、JS程式碼錯誤除錯
        如果一塊程式碼有問題的話，那麼就終止本塊的程式碼執行，但不影響後續塊的程式碼執行
    4、JS的語法規範
        1、語句
            JS中可以被執行的最小單元稱為語句
            由表示式，運算子，關鍵字 來組成
            注意問題：
                1、每條語句獨佔一行
                2、每條語句最終以 ; 結尾
                3、語句是嚴格區分大小寫
                    console.log();  正確執行
                    Console.log();  錯誤
                4、所有的符號都是英文的
                    英文  中文
                    ;     ；
                    "     ”
                    '     ‘
                    .     。
                    ()    （）
                    []    【】
                    {}     {}
        2、JS中的註釋
            1、單行註釋
                //
            2、多行註釋
                /*   */
 3、變數 和 常量
    1、變數的宣告
        語法：
            var 變數名;//宣告
            var 變數名=值;//宣告並賦值
            ex:
                var uname="張三丰";
                var uage = 18;
                var result = 17+18;
        注意：
            1、如果宣告變數未賦值的話，那麼值預設為undefined
            2、宣告變數時，可以不加 var 關鍵字，但不推薦
        同時宣告多個變數：
            var 變數名1,變數名2=值,變數名3;
    2、變數名的命名規範
        1、不能使用語言的關鍵字和保留關鍵字
        2、可以包含字母，數字，_，$
            var user_name; 正確
            var user-name; 錯誤

            var $uname; 正確
            var %uname; 錯誤
        3、不能以數字開頭
        4、儘量見名知意
            var a;
            var uname;
            var yonghuming;
        5、可以採用 "駝峰命名法"來命名
            var uname;
            var userName;
    3、變數的使用
        1、宣告變數未賦值，值為 undefined
        2、使用未宣告過的變數，語法錯誤
        3、為變數賦值 - SET操作
            只要變量出現在賦值符號的左邊一律是賦值操作
            ex:
                var uname="張三丰";
                uname="張無忌";
        4、獲取變數的值 - GET操作
            只要變數沒出現在賦值符號的左邊那麼就一律是取值操作
            ex：
                var uname = "Sanfeng.Zhang";//賦值
                console.log(uname); //取值
                document.write(uname);//取值
                var newName = uname;
                //newName : 賦值操作
                //uname : 取值操作

                var num = 15;
                num = num + 15;
    4、常量
        1、什麼是常量
            一經宣告就不允許修改的資料稱之為 常量
        2、宣告常量
            const 常量名=值;
            
            注意：常量名一律採用全大寫方式來宣告
 4、資料型別
    1、什麼是資料型別
        儲存在變數中的資料的型別，約束了資料在記憶體中所佔據的空間大小
        計算機中最小的計量單位：bit(位)
        8bit = 1byte(位元組)
        1024byte = 1KB(千位元組)
        1024KB = 1MB(兆位元組)
        1024MB = 1GB
        1024GB = 1TB
    2、資料型別分類
        1、原始型別(基本型別)
            1、number型別
                數字型別，可以表示32位的整數或64位的浮點數
                整數：
                    十進位制 ：var num = 125;
                    八進位制 ：var num = 010;
                    十六進位制：var num= 0x10;
                小數：
                    小數點計數法：var num=123.456;
                    指數計數法：var num = 3.2e3;
            2、string型別
                字串型別
                用於表示一系列的文字資料，由Unicode字元，標點，數字來組成

                Unicode ：是一種字元系統，該系統下所有的字元都會有一個獨一無二的字元碼 - Unicode碼
                Unicode碼：是一個十六進位制的數字
                    "張".charCodeAt().toString(16);
                    結果：5f20

                    將Unicode碼再轉換成字元：
                    var str = "\u5f20";

                中文的範圍：
                    "\u4e00" ~ "\u9fa5"

                JS 中的轉義字元:
                    \n : 換行
                    \t : 一個製表符(Tab鍵的距離)
                    \" : 表示一個 "
                    \' : 表示一個 '
                    \\ : 表示一個 \
            3、boolean型別
                表示 真 或 假
                僅有兩個值 ：true 和 false
                 true : 真
                 false : 假
                在實際運算中，true當1運算，false當0運算
            4、undefined
                語義：訪問的資料不存在
                場合：
                    1、宣告變數未賦值
                    2、試圖訪問物件不存在的屬性

            5、null
                語義：表示空值

            6、symbol(ES6新增)
        2、引用型別