Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptのミックスイン

JavaScriptは複数の継承をサポートしていません。ただし、1つのオブジェクトに2つのクラスの機能を追加する必要がある場合があります。 Mixinは、継承を使用せずにプロパティをオブジェクトに追加する方法です。

たとえば、Personクラスがあるとします。そして、私たちは人々がこんにちはと言うことができるようにしたいと思います。 sayHiMixinを作成し、それを使用して人々にこんにちはと言わせることができます-

例

let sayHiMixin = {
   sayHi() {
      console.log(`Hello ${this.name}`);
   },
   sayBye() {
      console.log(`Bye ${this.name}`);
   }
};
class Person {
   constructor(name) {
      this.name = name;
   }
}
// copy the methods
Object.assign(Person.prototype, sayHiMixin);
new Person("John").sayHi();
をコピーします

出力

Hello John

ここには継承はありません。あるオブジェクトから別のオブジェクトにプロパティをコピーしているだけです。このミックスインを使用している間、personクラスは別のクラスから継承することもできます。


  1. JavaScript WeakSet

    JavaScript WeakSetは、オブジェクトのコレクションを格納するために使用されます。セットのように、重複は保存されません。 WeakSetのメソッド- メソッド 説明 add（obj） weakSetに新しい値を追加します。 delete（obj） weakSetから値を削除します。 has（obj） weakSetオブジェクトに値が含まれているかどうかに応じて、trueまたはfalseを返します。 length（） weakSetオブジェクトの長さを返します 以下はJavaScriptのWeakSetのコードです- 例

  2. JavaScriptのオプションの連鎖演算子。

    オプションの連鎖演算子はES2020で導入され、連鎖内の各参照がnullまたは未定義であるかどうかを明示的にチェックせずに、ネストされたプロパティにアクセスできるようにします。以前は、&&演算子を使用して、親オブジェクトがnullまたは未定義でないかどうかを確認していましたが、現在は「?.」オプションの連鎖演算子を使用できます。 以下は、JavaScriptのオプションの連鎖演算子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&