JavaScript定義クラスの詳細説明とclasses_javascriptスキルの実装例

この記事の例では、JavaScript 定義クラスとクラスの実装について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

最近、クラス内の関数が定義後に公開されるメソッドをどのように呼び出すかを複数のグループで質問しているのをよく見かけます。今、クラスの実装に関するエッセイがあります。

まずクラスについて話しましょう。クラスには次のような特徴があります:

1. パブリックメソッド
2. プライベートメソッド
3. 属性
4. プライベート変数
5. デストラクター

例を直接見てみましょう:

/***定义类***/
var Class = function(){
  var _self = this;//把本身引用负值到一变量上
  var _Field = "Test Field"; //私有字段
  var privateMethod = function(){ //私有方法
    alert(_self.Property); //调用属性
  }
  this.Property = "Test Property"; //公有属性
  this.Method = function(){ //公有方法
    alert(_Field); //调用私用字段
    privateMethod(); //调用私用方法
  }
}

ここにすべてのメモを書きましたので、おそらく誰でも一目で理解できるでしょう。 JS をほとんど書かない友人にとっては、なぜ _self 変数を定義するのか疑問に思うかもしれません。js では、これを他のオブジェクト言語で使用する必要がなく、解析および実行プロセス中に変更されるからです。ここでは js でのこれの定義について簡単に説明します。必要に応じてさらに記述します。

定義: これは、メソッドとして呼び出されたときに、それを含む関数が属するオブジェクトです。
特徴: 機能がさまざまなオブジェクトに割り当てられると、この環境が変化する可能性があります。

興味のある友人は、オンラインで情報を検索して詳細を学ぶことができます。トピックに戻りますが、ここでの _self の目的は、追加のプライベート変数を開いて、クラス自体への参照を直接指すことです。

先ほどデストラクターの問題について触れましたが、これはコードを使用して直接実装できます。関数の最後に実行コードを直接記述するだけです。

/***定义类***/
var Class = function(){
  var _self = this;//把本身引用负值到一变量上
  var _Field = "Test Field"; //私有字段
  var privateMethod = function(){ //私有方法
    alert(_self.Property); //调用属性
  }
  this.Property = "Test Property"; //公有属性
  this.Method = function(){ //公有方法
    alert(_Field); //调用私用字段
    privateMethod(); //调用私用方法
  }
  /***析构函数***/
  var init = function(){
    privateMethod();
  }
  init();
}

このクラスを使用します

var c = new Class();
c.Method(); //使用方法

大丈夫です

JavaScript 自体はオブジェクト指向をサポートしておらず、アクセス制御文字を持たず、クラスを定義するキーワード class を持たず、継承のための extend やコロンをサポートせず、virtual をサポートするために virtual を使用しません。ただし、JavaScript は柔軟な言語です。class というキーワードを持たない Javascript がどのようにクラス定義を実装し、オブジェクトを作成するかを見てみましょう。

1: クラスを定義し、クラス

JavaScript では、次のように関数を使用してクラスを定義します。

function Shape()
{
var x=1;
var y=2;
}

疑うかもしれませんね?これは決定的な機能ではないでしょうか?はい、これは定義関数です。Shape 関数を定義し、x と y を初期化します。しかし、別の見方をすると、これは x と y の 2 つの属性を持つ Shape クラスを定義することになり、初期値はそれぞれ 1 と 2 になります。ただし、その定義に使用するキーワードは次のとおりです。 class はクラスではなく関数です。

次に、次のように、Shape クラスのオブジェクト aShape を作成できます。

aShape オブジェクトを作成しましたが、そのプロパティにアクセスしようとすると、次のようなエラーが発生します:

function Shape()
{
this.x=1;
this.y=2;
}

このようにして、次のような Shape の属性にアクセスできます。

3: パブリック メソッドとプライベート メソッドを定義する

JavaScript では、関数は Function クラスのインスタンスであるため、関数はオブジェクトでもあります。したがって、代入メソッドを使用して関数を作成することもできます。関数をクラスに割り当てると、この属性変数は実行可能な関数であるため、メソッドを呼び出すことができます。コードは次のとおりです:

function Shape()
{
var x=0;
var y=1;
this.draw=function()
{
//print;
};
}

上記のコードで描画を定義し、それに関数を割り当てました。次に、次のように、OOP ではパブリック メソッドと呼ばれる aShape を通じてこの関数を呼び出すことができます。

function Shape()
{
var x=0;
var y=1;
var draw=function()
{
//print;
};
}

function Shape()
{
var init = function()
{
//构造函数代码
};
init();
}

function Shape(ax,ay)
{
var x=0;
var y=0;
var init = function()
{
//构造函数
x=ax;
y=ay;
};
init();
}

function Shape(ax,ay)
{
var x=0;
var y=0;
var init = function()
{
//构造函数
x=ax;
y=ay;
};
init();
}
Shape.count=0;//定义一个静态属性count，这个属性是属于类的，不是属于对象的。
Shape.staticMethod=function(){};//定义一个静态的方法

alert ( aShape.count );
aShape.staticMethod();

function Shape(ax,ay)
{
var x=0;
var y=0;
this.gx=0;
this.gy=0;
var init = function()
{
x=ax;//访问私有属性，直接写变量名即可
y=ay;
this.gx=ax;//访问公有属性，需要在变量名前加上this.
this.gy=ay;
};
init();
}

function Shape(ax,ay)
{
var _this=this; //把this保存下来，以后用_this代替this，这样就不会被this弄晕了
var x=0;
var y=0;
_this.gx=0;
_this.gy=0;
var init = function()
{
x=ax;//访问私有属性，直接写变量名即可
y=ay;
_this.gx=ax;//访问公有属性，需要在变量名前加上this.
_this.gy=ay;
};
init();
}