模拟重载

最新推荐文章于 2021-12-05 23:01:05 发布

原创最新推荐文章于 2021-12-05 23:01:05 发布 · 396 阅读

0 ·

CC 4.0 BY-SA版权

web-javascript 专栏收录该内容

93 篇文章

订阅专栏

本文通过一个具体的示例介绍了如何在JavaScript中通过检查函数调用时传入的参数数量来模拟函数重载的行为。尽管JavaScript不直接支持函数重载，但可以通过条件判断实现类似的功能。

<span style="font-size:14px;"><script>
		/*function checkout(money){//执行现金结账
			console.log("收款");
			console.log("找零");
		}
		function checkout(cardID,pwd){//刷卡
			console.log("刷卡");
			console.log("输密码");
			console.log("签字");
		}
		function checkout(){//支付宝
			console.log("扫描二维码");
		}
		checkout();
		checkout(100);//自动调用一个参数的函数
		checkout("1234 1234 ","123456");//自动调用2个参数的函数
*/
		/*var checkout = function (money){//执行现金结账
			console.log("收款");
			console.log("找零");
		}
		var checkout=function(cardID,pwd){//刷卡
			console.log("刷卡");
			console.log("输密码");
			console.log("签字");
		}
		var checkout=function (){//支付宝
			console.log("扫描二维码");
		}
		checkout();
		checkout(100);//自动调用一个参数的函数
		checkout("1234 1234 ","123456");//输出了3次扫描二维码，覆盖了。
		//所以js语法不支持重载，不允许多个同名函数同时存在
		//如果同时存在，最后定义的函数会覆盖之前所有的同名函数*/

		function checkout(money){
			//如果arguments?
			//执行现金结账
			if(arguments.length==1){
				console.log("收款-找零");
			}else if(arguments.length==2){
				//否则，如果arguments？
				console.log("刷卡--输密码--签字");
			}else if(arguments.length==0){
				//否则，
				console.log("扫描二维码");
			}
			checkout();
			checkout(100);//自动调用一个参数的函数
			checkout("1234 1234 ","123456");
		}
	</script></span>