JS-断点调试、函数

2022/3/29 23:30:07

编程Tag： js 调试 var console 断点 sc dir arg1 arg2

本文主要是介绍JS-断点调试、函数，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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);
}

这篇关于JS-断点调试、函数的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！