05-js的函数学习二.html
Posted 胡辣汤王子
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了05-js的函数学习二.html相关的知识，希望对你有一定的参考价值。
第一部分：
<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>
以上是关于05-js的函数学习二.html的主要内容，如果未能解决你的问题，请参考以下文章
[vscode]--HTML代码片段（基础版，reactvuejquery）