0

0

JS中的默认参数怎么用?有什么作用?

穿越時空

穿越時空

发布时间:2025-06-07 10:27:01

|

729人浏览过

|

来源于php中文网

原创

<p>javascript 中的默认参数用于在函数调用时未传参或参数为 undefined 时提供替代值。其核心作用是提升函数容错能力,避免意外错误。基本写法是在定义参数时赋默认值,如 function greet(name = "guest")。只有参数为 undefined 时才会使用默认值,null、空字符串、0、false 等不会触发。常见用途包括:1. 提供可选参数;2. 设置配置对象默认值;3. 异步请求中设定默认超时时间;4. 工具函数中实现通用行为。默认值可为表达式或函数调用,如 new date() 或 a * 2,并且后参数可引用前参数。注意事项有:1. 默认值仅在参数为 undefined 时生效;2. 默认值表达式惰性求值,在每次调用时执行;3. 避免与解构混用以免引发副作用。合理使用默认参数能增强代码健壮性和可读性,减少边界判断。</p>

JS中的默认参数怎么用?有什么作用?

JavaScript 中的默认参数是一个非常实用的功能,尤其在写函数的时候,能让我们更灵活地处理未传参或 undefined 的情况。它的核心作用就是:当调用函数时没有传递某个参数,或者该参数是 undefined 时,使用一个默认值来代替


默认参数的基本写法

默认参数的语法很简单,在定义函数参数的时候直接给参数赋值即可:

function greet(name = "Guest") {
  console.log("Hello, " + name);
}

上面这个例子中,如果调用 greet("Tom"),输出的就是 “Hello, Tom”;如果调用 greet() 或者 greet(undefined),就会使用默认值 "Guest",输出 “Hello, Guest”。

注意:只有当参数是 undefined 的时候,默认值才会生效。如果传的是 null、空字符串或者其他假值(比如 0、false),默认值不会被使用。

默认参数的实际用途

默认参数最常见的用途,是让函数对缺失的参数有容错能力,避免运行时报错或出现意外结果。

举个例子,假设你写了一个计算价格的函数:

function calculatePrice(quantity, pricePerUnit, taxRate = 0.1) {
  return quantity * pricePerUnit * (1 + taxRate);
}

这里 taxRate 通常是个可选参数。如果不传,就按 10% 税率计算。这样写可以让函数接口更简洁,也更容易维护。

还有一些场景适合用默认参数:

FloatSearch
FloatSearch

FloatSearch是一个专业的AI搜索引擎,提供多样化的见解

下载
  • 函数需要配置对象时,可以为整个对象设置默认值
  • 异步请求封装中设置默认超时时间
  • 工具函数中提供通用行为,同时允许定制化

默认参数也可以动态计算

默认参数不只是能写固定值,还可以是一个表达式,甚至调用其他函数:

function logTime(time = new Date()) {
  console.log("Log time:", time);
}

每次不传参数调用 logTime() 时,都会生成当前时间。再比如:

function multiply(a, b = a * 2) {
  return a * b;
}

这里的 b 默认等于 a * 2,所以 multiply(3) 返回的是 3 * 6 = 18

需要注意的是,默认参数的作用域是独立的“临时作用域”,也就是说后面的参数可以引用前面的参数。


使用默认参数时要注意的地方

虽然默认参数很好用,但也有一些细节需要注意:

  • 默认值只会在参数为 undefined 时触发
    比如传了 null、空字符串、false0 都不会触发默认值。

  • 默认参数是惰性求值的
    默认值表达式会在每次函数调用时重新执行,而不是定义函数时一次性计算。

  • 不要把默认参数和解构混用导致副作用
    比如下面这种写法可能会让人困惑:

    function foo({ x = 1 } = {}) {
      console.log(x);
    }

    这种嵌套结构容易出错,理解起来也复杂一些,建议保持简单清晰。


基本上就这些。默认参数看似简单,但用好了能让代码更健壮、易读,也能减少很多边界判断的麻烦。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

254

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1131

2024.03.01

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

761

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1570

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

651

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

1229

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

1205

2024.04.29

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

69

2026.03.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 10.3万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号