电脑学堂
第二套高阶模板 · 更大气的阅读体验

JavaScript函数参数怎么用?家里做网页也能轻松上手

发布时间:2025-12-21 10:40:28 阅读:201 次
{"title":"ref="/tag/137/" style="color:#B2A89E;font-weight:bold;">JavaScript函数参数怎么用?家里做网页也能轻松上手","content":"

在家折腾个人网页或者给家庭博客加点互动效果,很多人会碰上JavaScript。而写JS代码时,绕不开的一个东西就是函数参数。别看名字挺专业,其实就像做饭时的调料,想让菜(也就是程序)有啥味儿,就放啥料。

\n\n

函数参数是啥?

\n

你可以把一个函数想象成一台小机器,比如榨汁机。你往里面放水果,它给你出果汁。放苹果,出苹果汁;放橙子,出橙汁。这里的“水果”就是参数。在JS里,函数通过参数接收外面传进来的数据,然后根据这些数据干活。

\n\n
function sayHello(name) {\n  console.log('你好,' + name + '!');\n}
\n\n

上面这个 sayHello 函数,括号里的 name 就是参数。调用它的时候可以这样:

\n\n
sayHello('小明'); // 输出:你好,小明!\nsayHello('妈妈'); // 输出:你好,妈妈!\n
\n\n

多个参数也很常见

\n

有时候一台机器得吃好几样东西才能工作。比如做个简单的家庭记账小功能,可能需要金额和用途两个信息。

\n\n
function logExpense(amount, category) {\n  console.log('花了' + amount + '元,用于' + category);\n}\n\nlogExpense(50, '买菜'); // 花了50元,用于买菜\nlogExpense(200, '宽带续费'); // 花了200元,用于宽带续费\n
\n\n

参数之间用逗号隔开,调用时按顺序传值就行。

\n\n

参数还能有默认值

\n

有些时候你不想每次调用都传值。比如你家的提醒函数,默认提醒内容是“记得关灯”,但偶尔也提醒“交水电费”。

\n\n
function remind(message = '记得关灯') {\n  alert(message);\n}\n\nremind(); // 弹窗:记得关灯\nremind('交水电费'); // 弹窗:交水电费\n
\n\n

这样省事多了,不用每次都写一样的内容。

\n\n

实际应用场景

\n

比如你想在自家博客加个“欢迎访问”的弹窗,但希望不同人来显示不同称呼。可以让函数接收用户名作为参数:

\n\n
function welcomeVisitor(username) {\n  if (username) {\n    alert('欢迎回来,' + username + '!');\n  } else {\n    alert('欢迎来访!你是第一次来吧?');\n  }\n}\n\nwelcomeVisitor('爸爸'); // 欢迎回来,爸爸!\nwelcomeVisitor(); // 欢迎来访!你是第一次来吧?\n
\n\n

这样,家里人打开网页,就能看到带名字的问候,挺有意思的。

\n\n

函数参数其实就是一种灵活传递信息的方式。不需要多高深的知识,理解了就能马上用起来。哪怕是给家庭网络里的小项目加点小功能,也能让页面变得更生动。”,"seo_title":"js函数参数怎么用 - 家庭网页开发实用技巧","seo_description":"想在家自己做网页?了解JavaScript函数参数的基本用法,轻松实现个性化交互功能,适合初学者动手实践。","keywords":"js函数参数,JavaScript函数,网页编程入门,家庭网络应用,前端开发基础"}