js学习笔记（一）js的函数用法-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43752167/article/details/88042410

本文详细介绍了JavaScript中函数的三种定义方式，包括使用关键字function、匿名函数及动态函数，并探讨了全局变量与局部变量的区别，以及如何在HTML文档中合理放置script标签。此外，还分析了JavaScript中函数重载的限制及模拟重载的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 js函数的定义方式
①关键字 function 方法名（参数列表（可有可无））
{ 方法体；
返回值（可有可无）
}
②匿名函数
var add=function（参数列表）
{
方法体；
返回值可有可无；
}
直接add()来调用
第三动态函数使用到了js里面的内置对象function
var add=new Function("参数列表“，”方法体和返回值“）；

2，全局变量的定义
全局变量：在script标签定义一个变量，这个变量在js代码中都可以使用
在方法外部使用，在方法内部使用，在其余script标签也可以使用
局部变量：在方法内部定义，只能在方法内部使用。
3.scipt标签放在什么位置
最好放在/body结尾后，因为html是被从上倒下解析的。
4js函数的重载


<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
<script type="text/javascript">
    function add1(a,b)
   {
          return a+b;
    }
	  function add1( a,b,c)
   {
          return a+b+c;
    }
	  function add1( a,b,c,d)
   {
          return a+b+c+d;
    }
	document.write(add1(1,2));
	document.write("<br/>");
    document.write(add1(1,2,3));
 	document.write("<br/>");
	document.write(add1(1,2,3,4));
				

</script>
 </body>
</html>

NaN
NaN
10

可以看到js的函数是不能被重载的
我们可以获得用arguments来模拟函数的重载，function的argument数组可以捕捉参数的个数，用多条判断语句可以进行函数的重载


<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
<script type="text/javascript">
    function add1()
   {
	   if(arguments.length==2)
	   return arguments[0]+arguments[1];
	   if(arguments.length==3)
	   return arguments[0]+arguments[1]+arguments[2];
	   if(arguments.length==4)
	   return arguments[0]+arguments[1]+arguments[2]+arguments[3];
    }

	document.write(add1(1,2));
	document.write("<br/>");
    document.write(add1(1,2,3));
 	document.write("<br/>");
	document.write(add1(1,2,3,4));
				

</script>
 </body>
</html>