写代码时,函数或方法总要传一些值进去,这些值就是参数。不同的参数有不同的类型,理解它们的作用和区别,能帮你更顺利地入门编程。
基本数据类型参数
最常见的参数就是数字、字符串、布尔值这类基础类型。比如你写一个计算商品总价的函数,就需要传入价格和数量:
function calculateTotal(price, quantity) {
return price * quantity;
}
// 调用时传入具体数值
calculateTotal(25.5, 4);
这里的 price 是数字类型,quantity 也是数字,是最简单的参数传递。
字符串参数
处理文本时,字符串参数很常见。比如你做一个欢迎功能,需要根据用户名打招呼:
function sayHello(name) {
console.log('你好,' + name + '!');
}
sayHello('小明');
这个 name 就是字符串类型的参数,传什么名字就输出什么名字。
布尔型参数
有些功能需要开关控制,这时候用布尔值当参数就很合适。比如设置是否开启夜间模式:
function setTheme(isDark) {
if (isDark) {
document.body.className = 'dark-theme';
} else {
document.body.className = 'light-theme';
}
}
setTheme(true); // 开启暗色主题
通过传 true 或 false,就能决定页面样式。
对象参数
当要传的数据比较多时,直接传一个对象更方便。比如用户信息包含姓名、年龄、城市,可以打包成一个对象传进去:
function showUserInfo(user) {
console.log(user.name + ',' + user.age + '岁,住在' + user.city);
}
showUserInfo({
name: '李华',
age: 28,
city: '杭州'
});
这样不用写一堆参数,结构也清晰。
数组参数
处理列表类数据时,数组参数非常实用。比如你要统计一组成绩的平均分:
function getAverage(scores) {
let sum = 0;
for (let i = 0; i < scores.length; i++) {
sum += scores[i];
}
return sum / scores.length;
}
getAverage([85, 92, 78, 96, 88]);
把整个数组传进去,函数内部就可以遍历计算。
回调函数参数
JavaScript 中经常把函数当作参数传进去,这叫回调。比如你点个按钮,触发某个动作:
function handleClick(callback) {
// 模拟点击后执行传入的函数
callback();
}
handleClick(function() {
alert('按钮被点了!');
});
这种“把函数当值用”的方式,在事件处理、异步操作中特别常见。
可选参数与默认值
有些参数不是每次都要传,可以设默认值。比如发通知时,默认是短信提醒,但也可以指定邮箱:
function sendNotification(message, method = 'sms') {
console.log('发送通知:' + message + ',方式:' + method);
}
sendNotification('记得打卡'); // 使用默认值
sendNotification('记得打卡', 'email'); // 覆盖默认值
这样调用更灵活,不用每次都写全。