JS基礎整理
使用JS的三種方式
1、直接在html標簽中，使用事件屬性，調用js代碼
<button onclick="alert(‘彈框‘)">彈框！</button>
2、在頁面的任意位置，使用script標簽，插入js代碼
<script type="text/javascript"> //js代碼 </script>
3、引入外部js文件
<script src="new_file.js" type="text/javascript"></script>
【註意事項】
①js代碼可以放在代碼的任何位置使用，但是放置的位置不同，將影響js執行的順序
②引入外部js的script標簽中，不再包含任何的js代碼
js中的變量
1、變量的聲明：
var num=1；//使用var聲明的變量屬於局部變量，只在當前作用域有效
num="諤諤企鵝"//不用var聲明的變量，默認是全局變量，在這個js文件可用
var a=1,b,c=3;//使用一行代碼，聲明多個語句 其中b為undefined
【js中變量聲明的註意事項】
①js中聲明變量關鍵字只有var一個，變量的類型取決於所賦的值
②js中同一個變量，可以在多次賦值中，被修改數據類型
③變量可以使用var聲明，也可以直接賦值聲明。
區別：使用var聲明的作用域為局部變量
④在js中，一個變量可以多次使用var聲明，聲明相當於賦值。
⑤js變量名 區分大小寫
2、js中的數據類型：
undefined：使用var聲明，但是沒有賦值
null： 表示空的引用
Boolean：真假
string：字符串
object：對象
3、常用數值函數
①isNaN：用於檢測一個變量是不是非數值（not a namber）
isNaN在檢測時，會先調用number函數，嘗試將變量轉為數值類型，如果最終結果能夠轉為數值，則不是NaN
②Namber函數：將各種數據類型轉為數值類型
undefined 無法轉換，返回NaN
null 轉為 0
Boolean true 1 false 0
字符串 如果是純數值字符串，可以轉換 “123” -->123
如果有 數字 字母 無法轉換
如果是空字符串 轉為0
③parseInt()：將字符串轉為數值類型
字符串如果是空字符串 不能轉 返回NaN
如果是純數值類型可以轉換，且小數點直接舍去 “123.8”-->123
如果字符串包含非數值字符，則將非數值字符前面的整數進行轉換 “1a1”-->1
④parefloat：轉換機制與pareint（）相同
不同的是：轉小數，有小數點 123.4-->123.4
”123“-->123
⑤typeof：檢測一個變量的數據類型
字符串返回的是string 數值 返回的是number true返回Boolean 未定義返回undefined 對象/null返回object 函數 返回function
JS中常用的輸入輸出語句
1、alert（）：彈窗輸出
2、prompt：彈窗輸入 接收兩部分參數：①輸入提示內容，②輸入框的默認內容，兩部分都可以省略。
輸入的內容默認都是字符串。
3、document.write ： 在瀏覽器內容打印
4、console.log： 瀏覽器控制臺打印
JS中函數的聲明與調用
1、函數聲明的格式
function 函數名（參數1，參數2）{
//函數體代碼
return 返回值；
}
函數調用：
①直接調用，函數名（多個參數）；
②通過事件調用，
<button onclick="func(prompt(),‘444‘))">點你呀</button>
2、函數聲明與調用的註意事項：
①函數中有沒有返回值，只取決於函數中有沒有return。無需聲明
沒有返回值，接收為undefined
②js中，函數的形參列表與實參列表，沒有任何關聯
函數參數實際個數，取決於實參列表
3、js中，函數是變量的唯一作用域： （其他地方聲明變量都為全局變量）
函數的形參是屬於函數的局部變量
4、函數的聲明與調用語句沒有先後之分，可以先調用後聲明
【代碼的執行順序】
js代碼執行分為兩個階段，檢查編譯階段，代碼執行階段
檢查編譯階段：檢查語法錯誤，變量的聲明 函數的聲明
代碼執行階段，變量的賦值，函數的調用執行
func();
var func=function(){
alert(99);
}
先執行var func
再執行func();
func=function(){
alert(99);
}
所以函數的調用 要放在 聲明後
function func(){
alert(1);
}
func();
匿名函數的聲明與使用
1、匿名函數表達式：
var func=function(){}
2、直接將匿名函數，賦值給一個事件
window.onload=function(){}//文檔就緒函數，確保函數中的代碼在html加載完 之後執行
window.onload=function(){
document.getElementById("div").onclick=function(){}
}
3、自執行函數
①!function(){}()：開頭用！ 表示自執行語句
②（function(){}()）：用（）將匿名函數聲明與調用包裹在一起
③（function(){}）()：用（）將匿名函數聲明包裹
JS基礎整理