函数:程序的基本单元,是完成特定任务的代码
自定义函数:简单理解自定义函数即可以自己命名的函数
//语法:
//function functionname()
//{
// 这里是要执行的代码
//}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<button onclick="alert('你点我干什么')">你点我一下</button>
<button onclick="myFunction()" >你也点我一下</button>
<script>
function myFunction(){
alert('我是函数中的警告窗');
}
</script>
</body>
</html>
常用系统函数
parseInt ("字符串") :将字符串转换为整型数字
parseFloat("字符串") :将字符串转换为浮点型数字
isNaN( ) :用于检查其参数是否是非数字形式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var result =parseInt("123.q");
console.log(result);//123
console.log(typeof result);
var result2 =parseFloat("12.5.3abc");
console.log(result2);//12.5
console.log(typeof result2);
//isNaN():用于检查其参数是否是非数字形式 ,
//如果参数是数字,返回false,如果参数是非数字,返回true
var result3 =isNaN("qwer"); //true
console.log(result3);
</script>
</body>
</html>
//语法
//function 函数名(参数1,参数2) {
//JavaScript语句;
//}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function happyNewYear(name){
if(name==null){
console.log('姓名不能为null');
return;
}else if(name==""){
console.log('姓名不能为空');
return;
}else{
console.log(name+",新年快乐");
}
}
happyNewYear("jack")
</script>
</head>
<body>
<button onclickget="happyNewYear(prompt('请输入你的名字:'))">点击获取新年祝福</button>
</body>
</html>
命名函数:如果函数有名字,就是命名函数
functuin f1(){
}
匿名函数:如果函数没有名字,就是匿名函数
functuin (){
}
函数声明和函数表达式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
// 函数声明:命名函数,有名称的函数
function f1(){
console.log('我是有名称的函数');
}
//函数表达式:匿名函数,没有名称的函数
var f2=function (){
console.log("我是没有名称的匿名函数");
}
//使用函数
f1();
f2();
</script>
</body>
</html>
函数自调用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
//定义函数
function f1(){
console.log('我是函数f1()');
}
//调用函数
f1();
//定义并调用函数,自调用
(function f2(){
console.log('我是函数f2()');
})();
</script>
</body>
</html>
回调函数
所谓的回调函数可以理解为在一个函数中调用另外一个函数,只是另外一个函数是以参数的形式传递进来的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
function f1(fn) {
console.log('我是f1()函数');
fn();
}
function f2() {
console.log("我是回调函数f2()哦~");
}
f1(f2);
</script>
</body>
</html>