躲避原型污染：创建纯净对象的最佳指南

前端

2024-02-07 22:58:15

前言

在JavaScript中，对象是通过键值对来组织数据的。这些键值对存储在对象的属性中。对象可以继承自其他对象，这意味着它们可以访问继承对象的属性和方法。这种继承机制非常强大，但它也可能会导致原型污染。

原型污染是指向对象原型链中添加属性或修改属性的过程。这可能会导致意想不到的后果，例如，它可能会导致对象访问它不应该访问的属性。为了防止原型污染，我们可以使用多种技术来创建纯净对象。

纯净对象

纯净对象是指不继承任何其他对象的JavaScript对象。这意味着它们没有原型链，因此它们不会受到原型污染的影响。

创建纯净对象的技术

有三种最常用的技术来创建纯净对象：

Object.create()

Object.create()方法创建一个新的对象，该对象继承自指定的原型对象。如果未指定原型对象，则新对象将继承自Object原型。

const obj = Object.create(null);

Object.assign()

Object.assign()方法将一个或多个源对象的属性复制到目标对象。如果目标对象已经存在同名的属性，则源对象的属性将覆盖目标对象的属性。

const obj = Object.assign({}, { foo: 'bar' });

继承

继承是创建新对象的一种方式，新对象将继承自另一个对象。可以通过使用JavaScript的class来实现继承。

class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

class Student extends Person {
  constructor(name, major) {
    super(name);
    this.major = major;
  }

  study() {
    console.log(`I'm studying ${this.major}`);
  }
}

const student = new Student('John', 'Computer Science');
student.greet(); // Hello, my name is John
student.study(); // I'm studying Computer Science