> 웹 프론트엔드 > 프런트엔드 Q&A > nodejs가 상속받을 수 없는 이유

nodejs가 상속받을 수 없는 이유

PHPz
풀어 주다: 2023-04-26 09:29:35
원래의
547명이 탐색했습니다.

최근 몇 년 동안 Node.js(이하 Node)는 세계에서 가장 인기 있는 서버측 JavaScript 플랫폼 중 하나가 되었습니다. 실행 속도, 메모리 공간, 지원되는 라이브러리 및 프레임워크 등 많은 기능이 있지만 Node에는 여전히 일부 측면에서 고유한 제한 사항이 있습니다. 가장 두드러진 문제 중 하나는 Node.js를 상속받을 수 없다는 것입니다.

객체 지향 프로그래밍에서 상속은 개발자가 기본 클래스(부모 클래스)를 만들고 이를 기반으로 다른 하위 클래스를 만들 수 있도록 하는 중요한 기능입니다. 이러한 하위 클래스는 상위 클래스의 메서드를 재정의하거나 새 메서드를 추가하여 기능을 확장하고 재사용할 수 있습니다. Node.js의 맥락에서 상속은 일반적으로 클래스 간에 속성과 메서드를 복사하는 형태를 취합니다. 그러나 Node.js의 비동기 모델과 JavaScript의 유연성과의 상호 작용으로 인해 Node에서 상속은 그다지 직관적이지 않으며 때로는 구현하기 어렵습니다. 이 기사에서는 Node.js가 상속할 수 없는 이유와 몇 가지 대안을 살펴보겠습니다.

1. Node.js의 상속 구현 문제

Node.js의 상속 구현 문제에는 두 가지 핵심 요소가 있습니다.

  1. 비동기 프로그래밍 모델

Node.js의 특징 중 하나는 JavaScript와 밀접한 관련이 있는 비동기 프로그래밍 모델입니다. Node.js는 단일 스레드이므로 여러 클라이언트 요청 및 기타 비동기 작업을 처리하려면 비동기 모델을 사용해야 합니다. 비동기 모델은 Node.js를 더 효율적으로 만들지 만 상속된 구현과 충돌합니다. 비동기 프로그래밍에서는 함수 호출이 타이머를 기반으로 이루어지기 때문입니다. 비동기 함수를 호출한 후 프로그램은 함수로 반환되기 전에 비동기 콜백이 완료될 때까지 계속 실행됩니다.

다음 코드 부분을 고려하세요.

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

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

class User extends Person {
  constructor(name, email) {
    super(name);
    this.email = email;
  }

  static log(email) {
    console.log(`User ${email} logged in.`);
  }

  login() {
    User.log(this.email);
    this.greet();
  }
}

const alice = new User('Alice', 'alice@example.com');
alice.login();
로그인 후 복사

이 예에는 Person 클래스와 Person에서 상속되는 또 다른 클래스 User가 있습니다. > >. User 인스턴스에서 login 메서드를 호출하면 User 클래스에 고유한 log 메서드가 먼저 호출한 다음 상위 클래스의 greet 메서드를 호출합니다. 하지만 함수가 비동기적으로 실행되기 때문에 결과는 예상과 다릅니다. Person 类和另一个类 User,它继承自 Person。当我们对一个 User 实例调用 login 方法时,会先调用一个 User 类独有的 log 方法,然后调用父类的 greet 方法。但由于函数是异步执行的,结果将不如我们所愿:

User alice@example.com logged in.
undefined
로그인 후 복사

实际上,调用顺序是不正确的。由于 this.greet 是基于异步行为调用的,因此该方法的执行是在异步 User.log 方法的回调后进行的。这就是为什么 undefined 是打印在屏幕上的原因。

  1. 面向对象的JavaScript

第二个问题,是 JavaScript 自身对面向对象程序设计模式的支持。 JavaScript 不是一种传统的面向对象语言,它使用一种基于原型的对象模型,而不是使用基于类的对象模型。原型模型并不像继承那样直接支持类继承,如果想在 Node.js 中实现继承,就需要使用一些 JavaScript 的面向对象编程技巧。

在基于原型的继承模式中,开发者需要使用 Object.create() 方法来创建对象,并将其作为一个原型传递给子类。这种继承模式的优点是更加灵活,因为它允许您不仅继承类的方法,而且还可以继承属性。

以下是一个基于原型的示例:

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

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

const User = Object.create(Person.prototype, {
  email: { value: null, enumerable: true, writable: true }
});

User.constructor = User;

User.constructor('Tom', 'tom@example.com');

console.log(User);
User.greet();
로그인 후 복사

在这个例子中,我们手动创建了一个对象,然后将其原型指向 Person.prototype。在定义User的时候,我们没有直接继承 Person,而是使用了 Object.create 方法创建了一个基于父类原型的对象。User 通过User.constructor函数调用注册用户。

二、解决方案

尽管 Node.js 有一些限制,但还有一些解决方案可以实现继承的功能。这里我们来介绍一些常见的解决方案:

  1. 基于模块的继承

Node.js 具有基于模块的架构,可以使用该模型创建实现继承的模块。Node.js 的模块系统允许您在不同的 JavaScript 文件中导入函数、对象和类,并将它们合并成一个单独的模块。实现继承的方式是创建父类模块和子类模块,并在子类模块中使用父类模块的函数、对象和类。

这里有一种例子,实现继承Person 类

//person.js
module.exports = class Person {
  constructor(name) {
    this.name = name;
  }

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

//user.js
const Person = require('./person');

class User extends Person {
  constructor(name, email) {
    super(name);
    this.email = email;
  }

  static log(email) {
    console.log(`User ${email} logged in.`);
  }

  login() {
    User.log(this.email);
    this.greet();
  }
}

const user = new User('Tom', 'tom@example.com');
user.login();
로그인 후 복사

在这个例子中,我们有一个 Person 模块和一个 User 模块,后者继承自前者。请注意,我们在 User 模块中使用了 require('./person') 导入了 Person 模块,并使用了 extends PersonUser 继承自 Person。最后,我们创建了一个 User 对象并试图调用 greet

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

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

class User extends Person {
  constructor(name, email) {
    super(name);
    this.email = email;
    this.proxy = new Proxy(this, {
      get(target, propKey) {
        return target[propKey] || target.__proto__[propKey];
      },
    });
  }

  static log(email) {
    console.log(`User ${email} logged in.`);
  }

  login() {
    User.log(this.email);
    this.proxy.greet();
  }
}

const user = new User('Tom', 'tom@example.com');
user.login();
로그인 후 복사
로그인 후 복사
실제로 호출 순서가 잘못되었습니다. this.greet는 비동기 동작을 기반으로 호출되므로 이 메서드의 실행은 비동기 User.log 메서드의 콜백 이후에 발생합니다. 이것이 undefine이 화면에 인쇄되는 이유입니다.
  1. 객체 지향 JavaScript

두 번째 문제는 JavaScript 자체의 객체 지향 프로그래밍 패턴 지원입니다. JavaScript는 전통적인 객체지향 언어가 아니며 클래스 기반 객체 모델이 아닌 프로토타입 기반 객체 모델을 사용합니다. 프로토타입 모델은 상속과 같은 클래스 상속을 직접 지원하지 않습니다. Node.js에서 상속을 구현하려면 일부 JavaScript 객체 지향 프로그래밍 기술을 사용해야 합니다.

프로토타입 기반 상속 패턴에서 개발자는 Object.create() 메서드를 사용하여 객체를 생성하고 이를 프로토타입으로 하위 클래스에 전달해야 합니다. 이 상속 패턴의 장점은 클래스의 메서드뿐만 아니라 속성도 상속할 수 있기 때문에 더 유연하다는 것입니다. 🎜🎜다음은 프로토타입 기반 예입니다. 🎜rrreee🎜이 예에서는 수동으로 개체를 만든 다음 해당 프로토타입이 Person.prototype을 가리키도록 합니다. User를 정의할 때 Person을 직접 상속하지 않고 Object.create 메서드를 사용하여 상위 클래스 프로토타입을 기반으로 객체를 생성했습니다. . User는 User.constructor 함수 호출을 통해 사용자를 등록합니다. 🎜🎜2. 솔루션🎜🎜Node.js에는 몇 가지 제한 사항이 있지만 상속된 기능을 달성할 수 있는 몇 가지 솔루션이 있습니다. 여기서는 몇 가지 일반적인 솔루션을 소개합니다. 🎜🎜🎜모듈 기반 상속🎜🎜🎜Node.js에는 모듈 기반 아키텍처가 있으며 이 모델을 사용하여 상속을 구현하는 모듈을 만들 수 있습니다. Node.js의 모듈 시스템을 사용하면 다양한 JavaScript 파일의 함수, 개체 및 클래스를 가져와서 단일 모듈로 결합할 수 있습니다. 상속을 구현하는 방법은 부모 클래스 모듈과 자식 클래스 모듈을 생성하고, 부모 클래스 모듈의 함수, 객체, 클래스를 자식 클래스 모듈에서 사용하는 것입니다. 🎜🎜다음은 상속된 Person 클래스를 구현하는 예입니다🎜rrreee🎜이 예에는 Person 모듈과 User 모듈이 있는데, 후자는 전자를 상속합니다. User 모듈에서 require('./person')를 사용하고 Person 모듈을 가져온 다음 확장 Person을 사용했습니다. Person에서 User를 상속합니다. 마지막으로 User 객체를 생성하고 greet 메소드 호출을 시도합니다. 이번 결과는 문제가 없었습니다. 🎜🎜🎜ES6 프록시 사용🎜🎜🎜 Node.js의 문제를 해결하는 또 다른 방법은 ES6 프록시를 사용하는 것입니다. 프록시는 객체나 함수에 후크 기능을 실행하고 요청에 따라 동작을 변경할 수 있게 해주는 JavaScript의 새로운 기능입니다. 🎜🎜다음은 예입니다: 🎜
class Person {
  constructor(name) {
    this.name = name;
  }

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

class User extends Person {
  constructor(name, email) {
    super(name);
    this.email = email;
    this.proxy = new Proxy(this, {
      get(target, propKey) {
        return target[propKey] || target.__proto__[propKey];
      },
    });
  }

  static log(email) {
    console.log(`User ${email} logged in.`);
  }

  login() {
    User.log(this.email);
    this.proxy.greet();
  }
}

const user = new User('Tom', 'tom@example.com');
user.login();
로그인 후 복사
로그인 후 복사

在这个例子中,我们使用了一个新的属性 this.proxy。该属性是使用 new Proxy() 创建一个新的 Proxy 实例,该实例包装了当前的对象。 我们在 get 钩子函数中进行了一些重点的操纵,当我们通过 this.proxy.greet() 调用 greet 方法时,它会在当前对象上执行搜索不到,然后自动查找其原型,并在原型上找到该方法。

三、总结

继承是面向对象编程中的一个重要特性。然而,在 Node.js 的环境中,由于其异步性和 JavaScript 本身的面向对象编程模型,继承并不像在传统面向对象语言中那样简单直观。但是,我们可以通过模块模式和 ES6 Proxy 等解决方案来实现继承,以实现更完整的面向对象编程体验。无论使用哪种方案,重要的是确保我们在开发过程中遵循最佳实践,以确保代码的可维护性和稳健性。

위 내용은 nodejs가 상속받을 수 없는 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿