JS 有参函数和无参函数

一、什么是函数函数就是把一段重复使用的代码打包起来想用的时候直接调用不用重复写代码。 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缺点数字写死了每次只能算 1020不能换数字计算。三、有参函数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四、形参和实参简单区分形参定义函数时括号里的变量相当于占位符。 例function sum(num1, num2)中num1 num2是形参实参调用函数时括号里真实的值传给形参使用。 例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七.总结括号里啥都没有 无参函数调用不用传数据括号里写变量 有参函数调用要给对应数值日常开发优先用有参函数代码更灵活、复用性更强