JavaScrip（6）_JavaScript 中的方法定义_c语言js6中为什么要定义方法-CSDN博客

本文链接：https://blog.csdn.net/qq_36260974/article/details/95763834

本系列博客汇总在这里：JavaScript 汇总

分支判断和循环

语法

语法

function  方法名(参数...)
{
	return xxx；//可选
}

var 方法名 = function  (参数...)
{
	return xxx；//可选
}

注意：方法同名不管是哪种语法都会把上面的覆盖掉，也就说方法中没有重载。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
		/**
		 * 方法的定义
		 */
		function showInfo()
		{
			alert("www.weiyuxuan.cn");
		}
		//上面的同名方法被覆盖
		function showInfo()
		{
			alert("JavaScript method");
		}
		/**
		 * 变量的名字就是方法的名字
		 */
		var showInfo1 = function()
		{
			alert("魏宇轩");
		}
		//上面的同名方法被覆盖
		var showInfo1 = function()
		{
			alert("大家好");
		}		
		alert(typeof showInfo1)		
		//方法的调用
		//showInfo();		
	</script>
</head>
<body>
	<input type="button" value="方式一" onclick="showInfo()">
	<input type="button" value="方式二" onclick="showInfo1()">
</body>
</html>

在这里插入图片描述
js 中没有重载，如果方法名字相同，后面的方法会把前面的方法覆盖掉,我们在调用方法的时候，我们传递的参数可以少于形参，从左向右赋值，如果调用时实参多于形参，也是从左向右赋值，多出来的实参就没有用。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
		/**
		 * 方法的定义,方法的参数不需要指定类型，如果方法有返回值使用return加上返回值
		 */
		function showInfo(a, b){
			//alert("方法1");
			return a + b;
		}
		/**
		 * js中没有重载，如果方法名字相同，后面的方法会把前面的方法覆盖掉,我们在调用方法的时候，
		 * 我们传递的参数可以少于形参，从左向右赋值，如果调用时实参多于形参，也是从左向右赋值，所出来的实参就没有用
		 */
		 function showInfo(a, b, c){
			alert("方法2"+ c);
			return a + b + c;
		} 
				
		 var showInfo = function(a, b){
			return a + b;
		}
		
		var showInfo = function(a, b, c){
			return a + b + c;
		} 		
		//上面的 showInfo 方法都会被覆盖，只有下面这个会被执行，如果只传两个值过来是计算不出来的
		 var result = showInfo(5, 5, 6);
		alert(result); 		
		//方法对象是每一个方法定义的的底层写法，第一个参数是字符串类型，方法的每一个参数用逗号分隔，第二个参数是方法体
		var fun = new Function("a, b", "return a + b");
		var result1 = fun(2, showInfo(4,1,6));
		alert(result1)
	</script>
</head>
<body>
</body>
</html>