JavaScript对象设置默认未定义参数的方法及undefined与null选型疑问

初始化first: undefined是否合理 #

是合理的，但要注意显式声明属性为undefined和属性不存在的区别：

• 显式声明后属性会出现在对象的可枚举属性列表中（Object.keys(p)会返回['first', 'last']），完全匹配你要求first作为对象固定属性、只是默认未赋值的需求
• 如果不显式声明这两个属性，直接访问p.first也会返回undefined，但此时属性不存在于对象上，遍历的时候拿不到，不符合你的预期。

人物对象的合理搭建方案 #

可以根据使用场景选择实现方式：

1. 单次使用的简单对象
   你现有的写法已经满足核心需求，建议只优化fullname getter的边界情况，避免未赋值时输出undefined undefined这类无效内容：

let p = {
    first: undefined,
    last: undefined,
    get fullname() {
        // 过滤掉未赋值的属性，只返回有效内容
        return [this.first, this.last].filter(item => !!item).join(' ')
    },
    set fullname(value) {
        // 用TypeError更符合JS内置错误的语义规范
        throw new TypeError("fullname can only be used as a getter.")
    }
}
p.first = "Tom";
p.last = "Jones";
console.log(p.fullname); // Tom Jones

2. 批量创建人物实例
   如果需要多次创建这类对象，建议用class封装，避免重复定义存取器逻辑：

class Person {
    constructor(first = undefined, last = undefined) {
        this.first = first
        this.last = last
    }
    get fullname() {
        return [this.first, this.last].filter(Boolean).join(' ')
    }
    set fullname(value) {
        throw new TypeError("fullname can only be used as a getter.")
    }
}
// 使用示例
const p = new Person("Tom", "Jones")
console.log(p.fullname) // Tom Jones
const p2 = new Person()
p2.first = "Alice"
console.log(p2.fullname) // Alice

初始化用undefined还是null更符合规范 #

按照JS的通用语义规范：

• undefined的语义是属性/变量已声明，但尚未被赋值，完全匹配你当前“属性默认处于未设置状态”的需求
• null的语义是属性/变量被显式赋值为空值，一般用于表示故意设置的、不存在的对象引用
  所以你这个场景用undefined更规范。如果用null作为初始值，后续业务逻辑需要区分“用户主动清空了属性”和“属性从未被赋值”两种状态时，会无法区分，增加额外的判断成本。

内容的提问来源于stack exchange，提问作者David542