JavaScript基礎視頻教程總結（001-010章）

時間 2019-12-10

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>001-010章總結</title>
</head>
<body>
<pre> 001. JS簡介
1.什麼是語言
計算機就是一個由人來控制的機器，想叫它幹嗎就幹嗎。
咱們要學習的語音就是人和計算機交流的工具，人類經過語言來控制，操做計算機。
編程語言和咱們的中文，英文本質上沒有區別，只是語法比較特殊。
語言的發展歷程：
-紙帶機：機器語言
-彙編語言：符號語言
-現代語言：高級語言

2.起源
js誕生於1995年，主要用於處理網頁中的前端驗證。
所謂前端驗證，就是指檢查用戶輸入的內容是否符合必定的規則。
好比：用戶名的長度，密碼的長度，郵箱的格式等。

3.簡史
JavaScript是由網景公司發明，起初命名爲LiveScript，後來由sun公司介入改名爲Javascript.
1996年微軟在最新的IE3瀏覽器中引入了本身對JavaScript的實現JScript。
爲了確保不一樣瀏覽器標準一致，共同制定了js標準ECMAScript。

4.實現
不一樣瀏覽器廠商對該標準有不一樣的實現：
瀏覽器          js實現方式 
Firefox  SpiderMonkey
IE       JScript/Chakra
safari   JavaScriptCore
Chrome   V8
carakan  Carakan

一個完整的JavaScript實現應該由如下三部分構成：
ECMAScript DOM BOM

5.特色
-解釋型語言，不須要被編譯爲機器碼在執行，直接執行。
-相似於C和JAVA的語法結構，像for，if，while等語句基本同樣。
-動態語言，一切內容都是不肯定的，運用JIT技術，運行更快。
-基於原型的面向對象
</pre>

<pre> 002. JS的HelloWorld
JS代碼須要編寫到script標籤中
alert()控制瀏覽器彈出一個警告框
document.write()能夠向body中輸出一個內容
console.log()的做用是向控制檯輸出一個內容
</pre>
<script type="text/javascript">
    console.log("第002");
    
    alert("002哥，你真帥啊！！");
    document.write("002看我出不出來~~~");
    console.log("你猜我在哪出來呢？");
</script>

<pre> 003. JS編寫位置
-能夠將js代碼編寫到外部js文件中，而後經過script標籤引入，寫到外部文件中能夠在不一樣的頁面中同時引用，也能夠利用到瀏覽器的緩存機制，推薦使用的方式.
script標籤一旦用於引入外部文件了，就不能在編寫代碼了，即便編寫了瀏覽器也會忽略，若是須要則能夠在建立一個新的script標籤用於編寫內部代碼.
-能夠將js代碼編寫到script標籤.
-能夠將js代碼編寫到標籤的onclick屬性中當咱們點擊按鈕時，js代碼纔會執行雖然能夠寫在標籤的屬性中，可是他們屬於結構與行爲耦合，不方便維護，不推薦使用.
-能夠將js代碼寫在超連接的href屬性中，這樣當點擊超連接時，會執行js代碼.
</pre>
<div>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
        console.log("第003");
        
        console.log("我是內部的JS代碼");
    </script>
    
    <button onclick="alert('討厭，你點我幹嗎~~');">點我一下</button>
    
    <a href="javascript:alert('讓你點你就點！！');">你也點我一下</a>
    <a href="javascript:;">你也點我一下</a>
</div>

<pre> 004. JS基本語法
-多行註釋(/******/)，註釋中的內容不會被執行，可是能夠在源代碼中查看要養成良好的編寫註釋的習慣，也能夠經過註釋來對代碼進行一些簡單的調試.
-單行註釋(//內容).

1.JS中嚴格區分大小寫
2.JS中每一條語句以分號(;)結尾
- 若是不寫分號，瀏覽器會自動添加，可是會消耗一些系統資源，
並且有些時候，瀏覽器會加錯分號，因此在開發中分號必須寫.
3.JS中會忽略多個空格和換行，因此咱們能夠利用空格和換行對代碼進行格式化.
</pre>
<script type="text/javascript">
    console.log("第004");
    
    /*多行註釋
        JS註釋
     */
    console.log("hello"); //該語句用來在控制檯輸出一個日誌
    
</script>

<pre> 005. JS字面量和變量
字面量，都是一些不可改變的值,好比 ：1 2 3 4 5 .
字面量都是能夠直接使用，可是咱們通常都不會直接使用字面量.

變量 ,變量能夠用來保存字面量，並且變量的值是能夠任意改變的
變量更加方便咱們使用，因此在開發中都是經過變量去保存一個字面量，而不多直接使用字面量,能夠經過變量對字面量進行描述.
</pre>
<script type="text/javascript">
    console.log("第005");
    
    //聲明變量
    //在js中使用var關鍵字來聲明一個變量
    var a;
    
    //爲變量賦值
    a = 123;
    a = 456;
    a = 123124223423424;
    
    //聲明和賦值同時進行
    var b = 789;
    var c = 0;
    var age = 80;
    
    console.log(age);
</script>

<pre> 006. JS標識符
在JS中全部的能夠由咱們自主命名的均可以稱爲是標識符
例如：變量名、函數名、屬性名都屬於標識符
- 命名一個標識符時須要遵照以下的規則：
1.標識符中能夠含有字母、數字、_、$
2.標識符不能以數字開頭
3.標識符不能是ES中的關鍵字或保留字
4.標識符通常都採用駝峯命名法
- 首字母小寫，每一個單詞的開頭字母大寫，其他字母小寫
    helloWorld xxxYyyZzz
- JS底層保存標識符時其實是採用的Unicode編碼，因此理論上講，全部的utf-8中含有的內容均可以做爲標識符.
</pre>
<script type="text/javascript">
    console.log("第006");
    
    /*var if = 123;
    console.log(if);*/

    //千萬不要這麼用
    var 鋤禾日當午 = 789;
    
    console.log(鋤禾日當午);
</script>

<pre> 007. JS數據類型
數據類型指的就是字面量的類型
在JS中一共有六種數據類型
String 字符串
Number 數值
Boolean 布爾值
Null 空值
Undefined 未定義
Object 對象
其中String Number Boolean Null Undefined屬於基本數據類型
而Object屬於引用數據類型.

可使用一個運算符 typeof來檢查一個變量的類型
語法：typeof 變量    
 檢查字符串時，會返回string
檢查數值時，會返回number

String字符串
- 在JS中字符串須要使用引號引發來
- 使用雙引號或單引號均可以，可是不要混着用
- 引號不能嵌套，雙引號不能放雙引號，單引號不能放單引號
在字符串中咱們可使用\做爲轉義字符

當表示一些特殊符號時可使用\進行轉義
\" 表示 "
\' 表示 '
\n 表示換行
\t 製表符
\\ 表示\
</pre>
<script type="text/javascript">
    console.log("第007");
    
    var str = 'hello';
    str = '我說:"今每天氣真不錯！"';
    str = "我說:\"今天\t天氣真不錯！\"";
    str = "\\\\\\";
    //輸出字面量 字符串str
    //alert("str");
    //輸出變量str
    //alert(str);
    var str2 = "hello";
    str2 = "你好";
    str2 = 3;

    console.log(str);
</script>

<pre> 008. JS的Number
在JS中全部的數值都是Number類型，
包括整數和浮點數（小數）
JS中能夠表示的數字的最大值
Number.MAX_VALUE  1.7976931348623157e+308
Number.MIN_VALUE 大於0的最小值  5e-324

若是使用Number表示的數字超過了最大值，則會返回一個
Infinity 表示正無窮
-Infinity 表示負無窮
使用typeof檢查Infinity也會返回number
NaN 是一個特殊的數字，表示Not A Number
使用typeof檢查一個NaN也會返回number
</pre>
<script type="text/javascript">
    console.log("第008");
    
    //數字123
    var a = 123;
    //字符串123
    var b = "123";
    
    console.log(typeof b);
    
    a = -Number.MAX_VALUE * Number.MAX_VALUE;
    a = "abc" * "bcd";
    console.log(a);
    a = NaN;
    //console.log(typeof a);
    
    a = Number.MIN_VALUE;
    console.log(a);
    
     //在JS中整數的運算基本能夠保證精確

    var c = 1865789 + 7654321;
    
    /*
     * 若是使用JS進行浮點運算，可能獲得一個不精確的結果
     *  因此千萬不要使用JS進行對精確度要求比較高的運算    
     */
    c = 0.1 + 0.2;
    console.log(c);
</script>

<pre> 009. JS布爾值
Boolean 布爾值
布爾值只有兩個，主要用來作邏輯判斷
true- 表示真
false- 表示假
使用typeof檢查一個布爾值時，會返回boolean
</pre>
<script type="text/javascript">
    console.log("第009");
    
    var bool = false;
    console.log(typeof bool);
    console.log(bool);
</script>

<pre> 010. JS的Null和Undefined
Null（空值）類型的值只有一個，就是null
null這個值專門用來表示一個爲空的對象
使用typeof檢查一個null值時，會返回object
Undefined（未定義）類型的值只有一個，就undefind
當聲明一個變量，可是並不給變量賦值時，它的值就是undefined
使用typeof檢查一個undefined時也會返回undefined
</pre> 
<script type="text/javascript">
    console.log("第010");
    
    var a = null;
    var b = undefined;
    console.log(typeof a);
    console.log(typeof b);
</script>

</body>
</html>