js 对象使用的小技巧实例分析

下面为你详细讲解“js 对象使用的小技巧实例分析”的完整攻略。

1. 对象的创建与赋值

对象有多种创建方式，包括字面量语法、构造函数以及 Object.create() 方法等。其中最常用的是字面量语法，具体示例如下：

let person = {
  name: "张三",
  age: 18,
  gender: "male",
  sayHello: function() {
    console.log(`大家好，我是${this.name}，今年${this.age}岁，是${this.gender}生。`);
  }
};

可以看到，一个包含姓名、年龄、性别和自我介绍方法的人员对象被定义并初始化。接下来可以通过以下方式访问和使用该对象：

console.log(person.name); // "张三"
console.log(person.age); // 18
person.sayHello(); // 大家好，我是张三，今年18岁，是male生。

此外，还可以使用构造函数方法创建对象，示例如下：

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHello = function() {
    console.log(`大家好，我是${this.name}，今年${this.age}岁，是${this.gender}生。`);
  };
}

let person2 = new Person("李四", 20, "female");
person2.sayHello(); // 大家好，我是李四，今年20岁，是female生。

使用构造函数创建对象时，需要使用“new”关键字进行调用。

2. 对象的复制

当我们需要为已有的对象创建一个拷贝时，可以使用一些方便的工具方法和技巧。其中最简单的方法是使用 Object.assign() 方法，示例代码如下：

let person3 = Object.assign({}, person);
console.log(person3); // {name: "张三", age: 18, gender: "male", sayHello: ƒ}

这里通过 Object.assign() 将 person 对象复制到一个新的空对象中，从而创建了一个新的 person3 对象。需要注意的是，这种方式只适用于浅拷贝，即如果 person 对象有嵌套的子对象，则会直接复制其指针，而不是复制其内容。

另一种更常用的深拷贝方式是使用 JSON 对象进行序列化和反序列化，示例代码如下：

let person4 = JSON.parse(JSON.stringify(person));
console.log(person4); // {name: "张三", age: 18, gender: "male"}

这里通过先将 person 对象序列化为字符串，再将其反序列化为一个新的对象，从而实现了深拷贝。需要注意的是，这种方式有一个限制，即被复制的对象必须是一个合法的 JSON 对象，否则会导致复制失败。

以上就是关于“js 对象使用的小技巧实例分析”的完整攻略，其中包含了对象的创建与赋值以及对象的复制两个方面的技巧和示例说明。希望能对你有所帮助。