JavaScript了解调用带参函数，无参函数的代码

深碍√TFBOYSˉ_ 2024-03-16 10:00 38阅读 0赞

> **以下为JavaScript了解调用带参函数，无参函数的程序代码和运行截图**

**目录**

前言

一、带参函数

1.1 运行流程及思想

1.2 代码段

1.3 JavaScript语句代码

1.4 运行截图

二、无参函数

2.1 运行流程及思想

2.2 代码段

2.3 JavaScript语句代码

2.4 运行截图

--------------------

## 前言 ##

**1.若有选择，您可以在目录里进行快速查找；**

2.本博文代码可以根据题目要求实现相关使用功能。同时可以实现自定义的设置；

3.本文介绍的是JavaScript代码习题，本博文使用的软件是HBuilder X3.7.9编写的代码，原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的，若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的；

![7e9d2dc6d8324836a1de02f0375525f4.png][]

图1 编写软件举例（部分）

4.这里要特别说明，因为我使用的是HBX，所以是网页格式，我也单独把<script>语句粘贴了出来，有需要可直接复制<script></script>语句；

5.本博文代码是我在上学时写的，有一些地方没能完美实现，请包涵也请多赐教，若您发现了问题也请麻烦您将问题反馈给我，我好更正错误、总结完善、持续改善！

6.博文通常需要在浏览器运行，通常会弹出表单，输入数值并得出结果。本文使用的是谷歌浏览器，推荐使用谷歌浏览器；

7.若涉及侵权，请联系删除；

--------------------

`提示：以下是本篇文章正文内容，下面案例可供参考`

## 一、带参函数 ##

### 1.1 运行流程及思想 ###

这是实现带参函数的代码。具体思想流程如下:

### 1.2 代码段 ###

代码如下（示例）：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function add(x,y)
    			{
    				var result=x+y;
    				alert(result);
    			}
    			add(1,2);
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

### 1.3 JavaScript语句代码 ###

代码如下（示例）：

### 1.4 运行截图 ###

运行结果如下（示例）：

1.4.1 浏览器弹出表单显示结果

![d0d468e9b1ff4ca3a715e44a269dac48.png][]

## 二、无参函数 ##

### 2.1 运行流程及思想 ###

这是实现无参函数的代码。具体思想流程如下:

### 2.2 代码段 ###

代码如下（示例）：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function add()
    			{
    				var result=2+3;
    				alert(result);
    			}
    			add();
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

### 2.3 JavaScript语句代码 ###

代码如下（示例）：

### 2.4 运行截图 ###

运行结果如下（示例）：

2.4.1 浏览器弹出表单显示结果

![b3778c1f4abd48019f0fed8c8abe73df.png][]

[7e9d2dc6d8324836a1de02f0375525f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/bb1546dd7333412bbcc3aa3d09d141cc.png
[d0d468e9b1ff4ca3a715e44a269dac48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/bf589c982dd74341b1f692c0f10067cd.png
[b3778c1f4abd48019f0fed8c8abe73df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/68fb3b8214c54ed6b69aa7a7fcb70689.png