第一部分：
<html>
<head>
<title>js的函数学习</title>
<meta charset="UTF-8"/>
<!--
test,1-2,
test(1,2)
js的函数学习一：
作用:功能代码块的封装。减少代码的冗余。
1、函数的声明：
方式一:function 函数名(形参名1,形参名2……){执行体}
方式二:var 函数名=new Function("形参1","形参2"……,"函数执行体");
注意：此声明表明在js中函数是作为对象存在的。
方式三:var 变量名=function(形参名1,形参名2……){函数执行体}
2、函数的参数
js中的函数在调用时，形参可以不赋值，不会报错
js中的函数在调用时，形参赋值可以不全部赋值，不会报错，但是实参会依次进行赋值。
3、函数的返回值
在js中如果函数有返回值则直接返回，没有返回值默认返回undefined
注意：
js的代码声明区域和执行区域是一起的，都是在js代码的代码域中。
-->
<!--声明js代码域-->
<script type="text/javascript">
//1、声明函数
//方式一:
function test1(a1,a2)
{
alert("函数声明一");
}
//方式二:
var test2=new Function("a1","a2","alert(‘函数声明二‘+a1)");
//方式三:
var test3=function(a1,a2){
alert("我是函数声明三");
}
//调用声明的函数
//test2(1,2);
//2、函数的参数
function testParam(a1,a2,a3){
alert(a1);
alert("函数的形参学习");
}
//testParam(1,2);
//3、函数的返回值
var testReturn=function(){
alert("函数的返回值学习");
//return "js";
}
alert(testReturn());
</script>
</head>
<body>
<h3>js的函数学习</h3>
</body>
</html>
第二部分：
<html>
<head>
<title>js的函数学习二</title>
<meta charset="UTF-8"/>
<!--
js的函数学习二:
1、函数的执行符:
在js中函数的执行符值()
没有小括号则函数名其实就是一个变量
加上小括号则会函数会被执行。
2、函数作为实参传递
在js中函数是可以作为实参进行传递的。
function testobj(a){
alert(a());
}
var testParam=function(){
alert("我是函数参数");
}
testobj(testParam());
-->
<!--声明js代码域-->
<script type="text/javascript">
//1、函数的执行符
var test1=function(){
alert("函数的执行符学习");
return "js";
}
//alert(test1());
//2、函数作为实参进行传递
function testobj(a){
alert(a());
}
var testParam=function(){
alert("我是函数参数");
}
testobj(testParam());
//3、开发中经常用的传递方式
function testObj2(fn){//testObj2函数在被调用的时候，实参必须是一个函数对象。
fn();
}s
testObj2(function(){
alert("开发");
})
</script>
</head>
<body>
<h3>js的函数学习二</h3>
</body>
</html>
原文地址：https://www.cnblogs.com/wcyMiracle/p/12411327.html
时间： 2024-08-06 02:39:35