JavaScript class 对象默认值

原创

mob64ca12f18f13 2024-05-15 05:34:00 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f18f13的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript Class 对象默认值实现方法

一、整体流程

在实现 JavaScript Class 对象默认值的过程中，我们需要遵循以下步骤：

步骤	操作
1	创建一个 Class 对象
2	在 Class 对象的 constructor 中设置默认值
3	使用默认值初始化对象属性

二、具体操作步骤

1. 创建一个 Class 对象

首先，我们需要创建一个 Class 对象，代码如下：

class Person {
  constructor(name, age) {
    this.name = name; // 初始化姓名
    this.age = age; // 初始化年龄
  }
}

在这里，我们创建了一个名为 Person 的 Class 对象，拥有两个属性 name 和 age。

2. 在 Class 对象的 constructor 中设置默认值

接下来，在 Class 对象的 constructor 中设置默认值，代码如下：

class Person {
  constructor(name = 'Unknown', age = 0) {
    this.name = name; // 初始化姓名，默认为 'Unknown'
    this.age = age; // 初始化年龄，默认为 0
  }
}

在这里，我们通过在参数中设置默认值，使得在创建对象时如果不传入参数，则会使用默认值。

3. 使用默认值初始化对象属性

最后，我们可以使用默认值初始化对象属性，代码如下：

const john = new Person('John', 30);
const jane = new Person();

console.log(john.name, john.age); // 输出 'John 30'
console.log(jane.name, jane.age); // 输出 'Unknown 0'

在这里，我们分别创建了名为 john 和 jane 的 Person 对象，其中 john 传入了姓名和年龄参数，而 jane 则没有传入参数，此时会使用默认值。

三、序列图

sequenceDiagram
    participant 小白
    participant 开发者
    小白->>开发者: 请求帮助实现 JavaScript Class 对象默认值
    开发者-->>小白: 确认需求
    开发者->>开发者: 创建 Class 对象
    开发者->>开发者: 在 constructor 中设置默认值
    开发者->>开发者: 使用默认值初始化对象属性
    开发者-->>小白: 回复实现完成