"this"コンテキストを持つクラスの変数を受け入れる

Question

thisについて質問があり、クラスには通常の変数があります。 、だから私はnewthingyがidが何であるか見当がつかないということを理解し

class Thingy { 
    constructor(thing) { 
    let id = thing 
    } 
    printID() { 
    console.log(id) 
    } 
} 
let newthingy = new Thingy("ID1") 
let newthingy2 = new Thingy("ID2") 
newthingy.printID() 
newthingy2.printID() 

：

class Thingy { 
    constructor(thing) { 
    this.id = thing 
    } 
    printID() { 
    console.log(this.id) 
    } 
} 
let newthingy = new Thingy("ID1") 
let newthingy2 = new Thingy("ID2") 
newthingy.printID() 
newthingy2.printID() 

このようなものはないでしょうが、うまく働く：

通常、我々はこのような何かを元のクラスのプロトタイプでプロトタイプチェーンを見上げるだけではありませんか？私はそれがおそらく右idを得ることはないだろうが、id not defined errorを得るには、最初にプロトタイプのチェーンを調べるべきですか？

Answer 1

これはプロトタイプとはまったく関係ありません。

「クラスメソッド」は、オブジェクトに対して機能する単なる機能に過ぎません。オブジェクトに作用する方法は、thisです。それだけです。それはオブジェクトであるthisへの暗黙のアクセス権を持つ通常の関数です。ご覧のとおり、あなたもthisのためclassを必要としない

function foo() { 
 
    console.log(this.bar); 
 
} 
 

 
foo.call({ bar: 'baz' }); 
 

 
let baz = { bar: 'baz' }; 
 
baz.foo = foo; 
 
baz.foo();

：JavaScriptでthisの値は通話時間で決定されているので、これは非常に可鍛性メカニズムであります作業。クラスは、単に特定のパターンにこれを正式に：

new Thingyは、新しいオブジェクトを作成し、その新しいオブジェクトにidプロパティを作成し、あなたがthis.id = thingを設定し、コンストラクタで、その上にThingyconstructorを呼び出します。 newthingy.printID()を呼び出すと、printID関数は以前に作成したオブジェクト（newthingy）に対してthisというコンテキストを設定しているので、this.idが機能します。

idの値は、オブジェクトのプロパティとしてconstructorからprintIDに転送されます。 id（this.idの代わりに）だけを使用すると、存在しないローカル変数にアクセスしようとしているだけです。

Answer 2

私はそれがすべて範囲についてだと信じています。あなたが言うとき...

let id = thing 

...実際には、コンストラクタメソッドのローカル変数を宣言しています。定義するとき...

...実際にはThingyインスタンスのプロパティ値を変更しています。また、printIDが "id"にアクセスしようとすると、 "id"を見つけるコンテキストがありません。

Answer 3

'constructor'と 'printID'は両方とも関数です。それらで定義された変数には他人がアクセスできません。