在家折腾个人网页或者给家庭博客加点互动效果,很多人会碰上JavaScript。而写JS代码时,绕不开的一个东西就是函数参数。别看名字挺专业,其实就像做饭时的调料,想让菜(也就是程序)有啥味儿,就放啥料。
\n\n函数参数是啥?
\n你可以把一个函数想象成一台小机器,比如榨汁机。你往里面放水果,它给你出果汁。放苹果,出苹果汁;放橙子,出橙汁。这里的“水果”就是参数。在JS里,函数通过参数接收外面传进来的数据,然后根据这些数据干活。
\n\nfunction sayHello(name) {\n console.log('你好,' + name + '!');\n}\n\n上面这个 sayHello 函数,括号里的 name 就是参数。调用它的时候可以这样:
sayHello('小明'); // 输出:你好,小明!\nsayHello('妈妈'); // 输出:你好,妈妈!\n\n\n多个参数也很常见
\n有时候一台机器得吃好几样东西才能工作。比如做个简单的家庭记账小功能,可能需要金额和用途两个信息。
\n\nfunction logExpense(amount, category) {\n console.log('花了' + amount + '元,用于' + category);\n}\n\nlogExpense(50, '买菜'); // 花了50元,用于买菜\nlogExpense(200, '宽带续费'); // 花了200元,用于宽带续费\n\n\n参数之间用逗号隔开,调用时按顺序传值就行。
\n\n参数还能有默认值
\n有些时候你不想每次调用都传值。比如你家的提醒函数,默认提醒内容是“记得关灯”,但偶尔也提醒“交水电费”。
\n\nfunction remind(message = '记得关灯') {\n alert(message);\n}\n\nremind(); // 弹窗:记得关灯\nremind('交水电费'); // 弹窗:交水电费\n\n\n这样省事多了,不用每次都写一样的内容。
\n\n实际应用场景
\n比如你想在自家博客加个“欢迎访问”的弹窗,但希望不同人来显示不同称呼。可以让函数接收用户名作为参数:
\n\nfunction 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函数,网页编程入门,家庭网络应用,前端开发基础"}