企业官网建设流程全解析

一、什么是函数

函数就是把一段重复使用的代码打包起来，想用的时候直接调用，不用重复写代码。 JavaScript 里函数分两种：无参函数和有参函数，下面用最简单的例子讲清楚。

二、无参函数

1. 定义

函数括号()里面不写任何变量，调用的时候也不用传值，就是无参函数。 它的代码逻辑固定，每次运行结果都一样。

2. 语法格式

运行

// 定义无参函数 function 函数名() { // 要执行的代码 } // 调用函数 函数名();

3. 示例 1：打印问候语

// 定义无参函数，括号里空空的 function sayHello() { console.log("大家好，我是无参函数！"); } // 调用函数，括号也不用填东西 sayHello();

运行结果：

大家好，我是无参函数！

4. 示例 2：计算固定数字加法

运行

function add() { let a = 10; let b = 20; console.log(a + b); } add(); // 输出 30

缺点：数字写死了，每次只能算 10+20，不能换数字计算。

三、有参函数

1. 定义

函数括号()里面写上变量（叫做形参），调用函数时往括号里传数据（叫做实参），就是有参函数。 优势：灵活，每次调用可以传入不同数据，得到不同结果。

2. 语法格式

运行

// 定义：括号内写形参 function 函数名(形参1, 形参2) { // 使用形参写代码逻辑 } // 调用：括号内传入实参（真实数据） 函数名(实参1, 实参2);

3. 示例 1：自定义问候人名

js

运行

// name 是形参，用来接收外面传进来的名字 function sayHi(name) { console.log("你好，" + name); } // 调用，"小明"、"小红"是实参，传给形参name sayHi("小明"); sayHi("小红");

输出：

你好，小明 你好，小红

4. 示例 2：任意两个数字相加

// num1、num2 两个形参 function sum(num1, num2) { console.log(num1 + num2); } // 传入不同实参，计算不同结果 sum(2, 3); // 5 sum(10, 50); // 60 sum(100, 200);// 300

四、形参和实参简单区分

1. 形参：定义函数时，括号里的变量，相当于占位符。 例：function sum(num1, num2)中num1 num2是形参
2. 实参：调用函数时，括号里真实的值，传给形参使用。 例：sum(2,3)中2、3是实参

五、无参函数 vs 有参函数对比总结

六、完整综合小案例

// 无参函数：固定输出一句话 function showMsg() { console.log("=====计算开始====="); } // 有参函数：计算两个数乘积 function multiply(x, y) { console.log(x * y); } // 调用 showMsg(); multiply(4, 5); multiply(6, 7);

输出：

=====计算开始===== 20 42

七.总结

1. 括号里啥都没有 = 无参函数，调用不用传数据；
2. 括号里写变量 = 有参函数，调用要给对应数值；
3. 日常开发优先用有参函数，代码更灵活、复用性更强；