カスタムメイドクラスからメソッドにアクセスするにはどうすればよいですか？

Question

次のように私は、定義されたクラスを持っている：

export default class MyClass { 

    myMethod(code){ 
     console.log("The code is" + code) 
    } 
} 

私は私のメインクラスからアクセスできますか？

import MC from './MyClass' 

... 

MC.myMethod("987"); 

私は取得していますエラーは次のとおりです：私は間違って何をやっている

undefined is not a function (evaluating '_MyClass2.default.myMethod("987")' 

メインクラスでは、私は次のコード行を持っていますか？また、_,2、defaultは、私のクラス名の次のエラーメッセージの意味は何ですか？

Answer 1

これは、インスタンスメソッドを作成したためです.2つのオプションがあります。どちらか、そのクラスのインスタンスを作成します。

var c = new MyClass(); 

c.myMethod(); 

または設定をそのstatic方法として：あなたが宣言する必要が

export myMethod(code) { 
    // ... 
end 

Answer 2

：

static myMethod(code) { 
    // ... 
} 

もう一つの方法は、直接export機能にありますあなたのクラスのオブジェクトは他のプログラミング言語のようにそのメソッドを呼び出す前に。

export class MyClass { 

    public myMethod(code){ 
     console.log("The code is" + code) 
    } 
} 

あなたのインポートからオブジェクトを作成し、JS ES6クラスを宣言する場合

var mc = new MC(); 
mc.myMethod("987"); 

Answer 3

メソッドを呼び出し、そのメソッドということを覚えて

import MC from './MyClass' 

を使いたいところはどこでも、それをインポートしますstaticキーワードを使用した場合、メンバーはクラスの各インスタンスにバインドされるか、クラス自体にバインドされます。

012このインスタンス（最初の場合）またはクラス自体（第2形態）に結合するいずれか その語彙コンテキストを起動し、その宣言に依存

。

また、すべてのインスタンスメソッド（2番目のケースのような）は、クラスのprototypeプロパティの中に入れられるはずです。したがって、あなたは持っている：

class MyClass() { 

    myMethod() {} 

} 

(typeof MyClass.protototype.myMethod === "function") // true 

const o = new MyClass() 

(o.myMethod === MyClass.prototype.myMethod); // true 

静的メソッド（またはクラスメソッド）の場合、メソッドは直接クラスオブジェクトに関連付けられます。

あなたのケースで表示されるエラーは、メソッドがstaticキーワードで宣言されていないために発生しています。