不设默认值(js的问题)

给动态变量设置默认值是一个非常好的实践,可以预防发生意想不到的错误。下面是一个常见错误的例子:

html 复制代码
function addTwoNumbers(a, b) {
​​    console.log(a + b);
​​}
​​addTwoNumbers();
​​// NaN

结果是 "NaN",因为 a 是未赋值 "undefined",b 也是未赋值 "undefined"。如果设置了默认值,就可以避免这样的错误。比如:

html 复制代码
function addTwoNumbers(a, b) {
​​    if (!a) a = 0;
​​    if (!b) b = 0;
​​    console.log(a + b);
​​}
​​addTwoNumbers();
​​// 0

或者,可以像下面这样,使用ES6中引入的默认值特性:

html 复制代码
​​function addTwoNumbers(a = 0, b = 0) {
​​    console.log(a + b);
​​}
​​addTwoNumbers();
​​// 0

这个例子虽然很小,但是强调了默认值的重要性。另外,当预期的值没有出现时,开发者可以提供错误信息或警告信息。

相关推荐
程序员龙语1 分钟前
CSS 高级选择器应用
前端·css
Cassie燁2 分钟前
el-table源码解读2-2——createStore()初始化方法
前端·javascript·vue.js
程序员修心4 分钟前
CSS文本样式全解析:11个核心属性详解
前端·css
小高Baby@12 分钟前
使用Go语言中的Channel实现并发编程
开发语言·后端·golang
蓝色汪洋20 分钟前
经典修路问题
开发语言·c++·算法
旧梦吟30 分钟前
脚本网站 开源项目
前端·web安全·网络安全·css3·html5
ss27330 分钟前
ThreadPoolExecutor:自定义线程池参数
java·开发语言
我有一棵树32 分钟前
解决 highlight.js 不支持语言的方法
开发语言·javascript·ecmascript
北极糊的狐39 分钟前
按钮绑定事件达成跳转效果并将树结构id带入子页面形成参数完成查询功能并将返回的数据渲染到页面上2022.5.29
前端·javascript·vue.js
幽络源小助理40 分钟前
幽络源二次元分享地址发布页源码(HTML) – 源码网免费分享
前端·html