JavaScriptクラスの非表示-フロントエンドQ&A-php.cn

JavaScriptクラスの非表示

王林

リリース： 2023-05-09 16:26:37

オリジナル

921 人が閲覧しました

JavaScript は、Web 開発でよく使用される一般的なスクリプト言語であり、HTML および CSS と連携してフロントエンドの対話と動的な効果を実現できます。 JavaScript では、クラスは、コードの再利用とカプセル化を実現し、コードを関連する機能モジュールにグループ化できる、一般的に使用されるオブジェクト指向プログラミングパターンです。クラスの隠蔽は機能の 1 つで、クラスの特定のプロパティとメソッドを非表示にして、外部からのアクセスや変更を防ぎ、コードのセキュリティと安定性を向上させることができます。

1. クラスとクラスの隠れた概念

クラスはオブジェクト指向プログラミングモデルであり、現実世界の物事をクラスに抽象化できる抽象的な概念です。コードの再利用とカプセル化を実現します。 JavaScript では、クラスはキーワード class を使用して定義および作成できる特別なオブジェクトです。

クラスの隠蔽とは、クラスの特定の属性とメソッドを非表示にして、外部からのアクセスや変更を防ぎ、コードのセキュリティと安定性を向上させることです。 JavaScript では、これは次の方法で実現できます。

let キーワードと const キーワードを使用してクラスのプロパティとメソッドを定義し、それらをクラスのスコープに制限して、外部アクセスや変化します。
シンボルタイプの属性名を使用してクラスの属性とメソッドを定義します。外部からのアクセスや変更を防ぐために、一意の識別子として名前を付けることができます。
クロージャを使用してクラスの属性とメソッドを非表示にし、それらを関数内で定義して、外部から直接アクセスできないようにします。

2. クラスの非表示の実装

let および const キーワードを使用する

JavaScript では、let および const キーワードを宣言に使用できます。変数と定数。これらはブロックレベルのスコープを持ち、それらが定義されているコードブロック内でのみアクセスできます。クラスでは、 let および const キーワードを使用してプロパティとメソッドを定義し、それらをクラスのスコープに制限して、外部からのアクセスや変更を防ぐことができます。

サンプルコードは次のとおりです。

class Person {
  constructor(name, age) {
    let _name = name;
    const _age = age;
    
    this.getName = function () {
      return _name;
    }
    
    this.getAge = function () {
      return _age;
    }
  }
}

ログイン後にコピー

この例では、クラス Person の属性 _name および _age は let および const キーワードを使用して定義されており、これらはキーワード内でのみ使用できます。コンストラクターへのアクセス。コンストラクターでは、_nameと_ageの値を取得するためにgetNameとgetAgeの2つのメソッドが定義されています。 _name と _age はクラスのスコープに制限されているため、外部からはそれらの値に直接アクセスして変更することができず、クラスの属性とメソッドが隠蔽されます。

シンボルタイプの属性名を使用する

JavaScript では、シンボルタイプは、外部アクセスを防ぐためにクラスの属性とメソッドを定義するために使用できる一意の識別子です。そして変化します。シンボルタイプの属性名を使用すると、属性とメソッドに一意の識別子として名前を付けることができます。これはクラスのスコープ内で使用でき、他の場所では直接アクセスしたり変更したりすることはできません。

サンプルコードは次のとおりです。

const _name = Symbol('name');
const _age = Symbol('age');

class Person {
  constructor(name, age) {
    this[_name] = name;
    this[_age] = age;
  }
  
  getName() {
    return this[_name];
  }
  
  getAge() {
    return this[_age];
  }
}

ログイン後にコピー

この例では、2 つの属性名 _name と _age が、それぞれ Symbol('name') と Symbol('age') を使用して定義されています。コンストラクターでは、this[_name] と this[_age] を使用して、name 属性と age 属性の値を保存します。 getName メソッドと getAge メソッドでは、this[_name] と this[_age] を使用して属性の値を取得します。 _name と _age は一意の識別子であるため、外部からそれらの値に直接アクセスして変更することはできず、クラスの属性とメソッドが隠蔽されます。

クロージャの使用

JavaScript では、クロージャを使用して変数をプライベート化できます。関数内で変数やメソッドを定義することで、関数内で変数やメソッドのアクセス権を制御し、外部からのアクセスや変更を防ぎます。クラスでは、関数内でクロージャを定義してクラスのプロパティとメソッドを非表示にすることができます。

サンプルコードは次のとおりです。

class Person {
  constructor(name, age) {
    let _name = name;
    let _age = age;
    
    function getName() {
      return _name;
    }
    
    function getAge() {
      return _age;
    }
    
    this.getName = getName;
    this.getAge = getAge;
  }
}

ログイン後にコピー

この例では、_name 属性と _age 属性、および getName メソッドと getAge メソッドがコンストラクター内で定義されています。 getName メソッドと getAge メソッド内で、_name プロパティと _age プロパティにアクセスします。コンストラクターの外側では、this.getName メソッドと this.getAge メソッドを通じて getName メソッドと getAge メソッドにアクセスします。 _name と _age はコンストラクター内で定義されているため、外部からその値に直接アクセスしたり変更したりすることはできず、クラスの属性とメソッドが隠蔽されます。

3. クラス隠蔽の役割

クラスを隠蔽すると、コードのセキュリティと安定性が向上し、外部アクセスやクラスのプロパティやメソッドへの変更が防止され、予期せぬ事態が回避されます。状況。

セキュリティ

クラスを非表示にすることで、クラスのデータを保護し、外部からのアクセスや変更を防止し、データのセキュリティを確保し、データ漏洩を回避できます。

安定性

クラスを非表示にすることで、クラスの安定性を維持し、外部アクセスを防ぎ、クラスの内部実装の詳細を変更し、不要な干渉や影響を回避できます。、コードの安定性を確保します。

保守性

クラスを非表示にすると、コードの保守性が向上し、クラスの実装の詳細が非表示になり、コードの複雑さが軽減され、可読性と可読性が向上します。コードの保守性。

4. 概要

クラスは JavaScript で一般的に使用されるオブジェクト指向プログラミングモデルであり、コードの再利用とカプセル化を実現し、コードを関連する機能モジュールにグループ化することができます。クラスの隠蔽は機能の 1 つで、クラスの特定の属性とメソッドを隠蔽して外部アクセスや変更を防ぎ、コードのセキュリティと安定性を向上させることができます。 JavaScript では、let および const キーワード、シンボルタイプ属性名、クロージャを使用してクラスを非表示にし、さまざまなシナリオに応じてさまざまなメソッドを選択できます。

クラスを非表示にすると、コードのセキュリティと安定性が向上し、クラスのデータが保護され、コードの複雑さが軽減され、コードの可読性と保守性が向上します。実際の開発では、クラスを隠蔽し、コードの品質と安定性を確保するために、実情に応じて適切な実装方法を選択する必要があります。

以上がJavaScriptクラスの非表示の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。