JavaScript 如何设置默认值

在 JavaScript 编程中，为变量、函数参数设置默认值是一项常见且实用的操作。它能有效避免因变量未定义或参数缺失而导致的错误，提升代码的健壮性与稳定性。

为变量设置默认值有多种方式。一种简单直接的方法是使用逻辑或运算符（||）。例如：

let name;
name = name || 'John';
console.log(name); 

在这段代码中，逻辑或运算符会先检查 name 是否为假值（包括 false、0、空字符串、null、undefined 和 NaN）。若 name 为假值，就会返回右侧的默认值 'John'。

对于对象属性，也可采用类似思路。当访问可能不存在的对象属性时，可这样设置默认值：

let person = {};
let age = person.age || 30;
console.log(age); 

函数参数设置默认值同样重要。在 ES6 之前，通常在函数内部通过条件判断来处理参数缺失的情况：

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

ES6 则引入了更简洁直观的语法来为函数参数设置默认值：

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

这样，当调用 greet 函数不传递参数时，name 就会自动使用默认值 'Guest'。

若参数依赖于其他参数的默认值，ES6 语法也能很好地支持：

function calculateRectangleArea(width = 5, height = width * 2) {
    return width * height;
}
let area = calculateRectangleArea();
console.log(area); 

在这个例子中，height 的默认值依赖于 width 的默认值。

在 JavaScript 中合理设置默认值，能让代码更具可读性、维护性，减少潜在的错误。无论是变量、对象属性还是函数参数，选择合适的默认值设置方式，都有助于构建更健壮、高效的程序。掌握这些技巧，能让开发者在处理各种情况时更加游刃有余，提升开发效率和代码质量。