JS-斷點除錯、函式
阿新 • • 發佈:2022-03-29
1.JavaScript的斷點除錯
什麼是斷點除錯?
2.除錯方法
2.1 使用瀏覽器的除錯工具
2.2 在程式碼中新增斷點
2.JavaScript的函式
函式:用於執行一段計算或者表示式,將得出的結果
js的函式:執行一段封裝的js程式碼,將程式執行的結果輸出或者將程式計算的結果返回給呼叫處
2.1 系統函式
(1)parseInt ("字串")
將字串轉換為整型數字
var sc = "90.6"; console.dir(typeof sc);// string var sc2 = parseInt(sc);//將一個字串的數值變為整形的數值 90 console.dir(sc2);// string
(2) parseFloat("字串")
var sc = "90.6";
console.dir(typeof sc);// string
var sc2 = parseFloat(sc);//將一個字串的數值變為浮點的數值 90.6
console.dir(sc2);
(3)isNaN
var sc = "dsaasdsadasd";
var isNotNumber = isNaN(sc);//得到一個布林值,判斷引數是否為非數字
console.dir(isNotNumber);
(4)eval()
var sc = "1-1"; var cc = eval(sc);//執行字串中的計算、判斷、運算表示式 console.dir(cc);
2.2 自定義函式
//定義一個函式
function outName(){
//函式的執行體(函式體)
var ss = 100;
ss += 50;
console.dir(ss);
}
outName();//呼叫函式
/*
函式的優點: 1.減少重複程式碼的出現
2.js模組化解耦的表現
*/
//有引數的函式定義 function getMax(arg1,arg2){ if(arg1>arg2){ console.dir("最大值是:"+arg1); }else{ console.dir("最大值是:"+arg2); } } getMax(100,80);//呼叫函式
//有返回值的方法定義方式
function getMax(arg1,arg2){
var res = 0;
if(arg1>arg2){
console.dir("最大值是:"+arg1);
res = arg1;
}else{
console.dir("最大值是:"+arg2);
res = arg2;
}
return res;// 返回給呼叫處一個數值
}
var ss = getMax(100,80);//呼叫函式,如果有返回值就可以將方法進行賦值運算
console.dir("返回的值:"+ss);
//有返回值的方法定義方式
function getMax(arg1,arg2){
var res = 0;
if(arg1>arg2){
console.dir("最大值是:"+arg1);
return arg1;//是必須出現在程式碼執行的最後一行邏輯中
}else{
console.dir("最大值是:"+arg2);
return arg2;
}
}
var ss = getMax(100,80);//呼叫函式,如果有返回值就可以將方法進行賦值運算
console.dir("返回的值:"+ss);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的網頁</title>
<script type="application/javascript" src="../js/index.js"></script>
</head>
<body>
<!-- 通過標籤事件元素屬性觸發函式執行 -->
<!-- <button onclick="showName()">點選彈出</button> -->
<button onclick="showName('大家好!!!')">點選彈出</button>
</body>
</html>
function showName(arg1){
alert(arg1);
}