2021/11/2 js基礎知識
js的四種連線方式：
1、點選事件第一種 直接在HTML裡面寫
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
window.onload=function(){
var div=document.querySelector(".div");
div.onclick=function(){
alert(1);
}
}
</script>
</head>
<body>
<div class="div" onclick="alert(0)">哈哈哈</div>
<a href="javascript:void(0)">空連線</a>
<!-- javascript:void(0) 代替# -->
</body>
</html>
2、點選事件第二種 重新建一個頁面寫js，用<script src=""></script>連結
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./01 js.js"></script>
</head>
<body>
<div class="div" onclick="alert(0)">哈哈哈</div>
<a href="javascript:void(0)">空連線</a>
<!-- javascript:void(0) 代替# -->
</body>
</html>
3、點選事件第三種 <div class="div" onclick="alert(0)">哈哈哈</div>
4、點選事件第四種 <a href="javascript:void(0)">空連線</a>
<!-- javascript:void(0) 代替# -->
5、基本資料型別
number 數值 整數和小數
String 字串 (字元) 單雙引號包括
bool true/false
null 沒有
undefined 未定義 根據後面的值定義的
smybol es6
6、object: 正則，陣列物件 字面量(json物件)
protected Object clone() 建立並返回一個物件的拷貝
boolean equals(Object obj) 比較兩個物件是否相等
protected void finalize() 當 GC (垃圾回收器)確定不存在對該物件的有更多引用時，由物件的垃圾回收器呼叫此方法。
Class<?> getClass() 獲取物件的執行時物件的類
int hashCode() 獲取物件的 hash 值
void notify() 喚醒在該物件上等待的某個執行緒
void notifyAll() 喚醒在該物件上等待的所有執行緒
String toString() 返回物件的字串表示形式
void wait() 讓當前執行緒進入等待狀態。直到其他執行緒呼叫此物件的 notify() 方法或 notifyAll() 方法。
void wait(long timeout) 讓當前執行緒處於等待(阻塞)狀態，直到其他執行緒呼叫此物件的 notify() 方法或 notifyAll() 方法，或者超過引數設定的timeout超時時間。
void wait(long timeout, int nanos) 與 wait(long timeout) 方法類似，多了一個 nanos 引數，這個引數表示額外時間（以納秒為單位，範圍是 0-999999）。 所以超時的時間還需要加上 nanos 納秒
7、function 方法
語法：
function functionName(parameters) {
執行的程式碼
}
functionName 必須。指定了函式的名稱。函式名稱可以包含字母，數字，下劃線， 和美元符號（變數命名規則也是如此）
parameters 可選。指定一個或多個引數名，多個引數可用英文逗號(,)隔開。函式在呼叫時會接收真正的值。在函式內，引數是區域性變數。
注意： 如果呼叫函式時未指定引數，為指定引數的值會設定為 undefined
8、json xml （擴充）
與 XML 相同之處：
JSON 是純文字
JSON 具有"自我描述性"（人類可讀）
JSON 具有層級結構（值中存在值）
JSON 可通過 JavaScript 進行解析
JSON 資料可使用 AJAX 進行傳輸
與 XML 不同之處：
沒有結束標籤
更短
讀寫的速度更快
能夠使用內建的 JavaScript eval() 方法進行解析
使用陣列
不使用保留字
JSON 語法規則：
JSON 語法是 JavaScript 物件表示語法的子集。
資料在名稱/值對中
資料由逗號分隔
大括號 {} 儲存物件
中括號 [] 儲存陣列，陣列可以包含多個物件
XML 標籤對大小寫敏感：
標籤 <Letter> 與標籤 <letter> 是不同的。
必須使用相同的大小寫來編寫開啟標籤和關閉標籤：
8、JSON.stringify();
語法：JSON.stringify(value[, replacer[, space]])
引數說明：
value:必需， 要轉換的 JavaScript 值（通常為物件或陣列）。
replacer:可選。用於轉換結果的函式或陣列。
如果 replacer 為函式，則 JSON.stringify 將呼叫該函式，並傳入每個成員的鍵和值。使用返回值而不是原始值。如果此函式返回 undefined，則排除成員。根物件的鍵是一個空字串：""。
如果 replacer 是一個數組，則僅轉換該陣列中具有鍵值的成員。成員的轉換順序與鍵在陣列中的順序一樣。當 value 引數也為陣列時，將忽略 replacer 陣列。
space:可選，文字新增縮排、空格和換行符，如果 space 是一個數字，則返回值文字在每個級別縮排指定數目的空格，如果 space 大於 10，則文字縮排 10 個空格。space 也可以使用非數字，
9、JSON.parse();
語法：JSON.parse(text[, reviver])
引數說明：
text:必需， 一個有效的 JSON 字串。
reviver: 可選，一個轉換結果的函式， 將為物件的每個成員呼叫此函式。
10、// = 賦值 == 比較值 === 絕對等 型別相同 數值相同
console.log(a=2);
console.log(a=="2");
console.log(a==="2");
console.log(a===2);
11、parseInt 取整 81.5=>81 paresefloat isNaN not a Number
例子：
//86
var a =parseInt("86.5");
console.log(a);
//86
var a =parseInt("86a.5");
console.log(a);
//8
var a =parseInt("8a6.5");
console.log(a);
//四捨五入
var a =parseInt(86.99+0.5);
console.log(a);
isNaN not a Number：
定義和用法
NaN 即非數值（Not a Number），NaN 屬性用於引用特殊的非數字值，該屬性指定的並不是不合法的數字。
NaN 屬性 與 Number.Nan 屬性相同。
提示： 請使用 isNaN() 來判斷一個值是否是數字。原因是 NaN 與所有值都不相等，包括它自己
12、arguments 陣列 所有引數陣列 嚴格來說偽陣列 可以使用下標
例子：
function sum(){
console.log(arguments);
return 1;
}
var a=sum(3,4,5);
console.log(a);
13、arr.shift(); 頭部刪除 刪除第一個
定義和用法：
shift() 方法用於把陣列的第一個元素從其中刪除，並返回第一個元素的值。
注意： 此方法改變陣列的長度！
例子：
var arr=[1,2,3,4,5];
arr.shift();
console.log(arr);
14、arr.unshift(); 頭部新增 新增什麼顯示什麼
定義和用法：
unshift() 方法可向陣列的開頭新增一個或更多元素，並返回新的長度。
注意： 該方法將改變陣列的數目。
引數：
item1,item2, ..., itemX 可選。向陣列起始位置新增一個或者多個元素。
例子：
var arr=[1,2,3,4,5];
arr.unshift();
console.log(arr);
15、arr.push();尾部新增 新增什麼顯示什麼
定義和用法：
push() 方法可向陣列的末尾新增一個或多個元素，並返回新的長度。
注意： 新元素將新增在陣列的末尾。
注意： 此方法改變陣列的長度。
例子：
var arr=[1,2,3,4,5];
arr.push();
console.log(arr);
16、arr.pop(); 尾部刪除 刪除最後一個
定義和用法：
pop() 方法用於刪除陣列的最後一個元素並返回刪除的元素。
注意：此方法改變陣列的長度！
例子：
var arr=[1,2,3,4,5];
arr.pop();
console.log(arr);
17、返回值
var arr=[1,2,3,4,5];
var re=arr.shift();
console.log(arr,re);
18、arr.splice(下標 開始位置,刪除的數量,新增資料（替換刪除的資料）)
定義和用法：
splice() 方法用於新增或刪除陣列中的元素。
注意：這種方法會改變原始陣列。
引數:
index 必需。規定從何處新增/刪除元素。該引數是開始插入和（或）刪除的陣列元素的下標，必須是數字。
howmany 可選。規定應該刪除多少元素。必須是數字，但可以是 "0"。如果未規定此引數，則刪除從 index 開始到原陣列結尾的所有元素。
item1, ..., itemX 可選。要新增到陣列的新元素
例子:
var arr=[1,2,3,4,5]
arr.splice(2,0,8,9);
console.log(arr);