コンストラクター、ゲッター、セッターメソッドのObject.defineProperty

Question

ここでは全く同じ質問をdefine property in constructorに聞いていますが、回答が満足できるものではないと思います。 このコードは、「オブジェクト指向のJavaScriptの原則」という本からコピーされています。

function Person(xname) { 
    Object.defineProperty(this, "name", { 
     get: function() { 
      return xname; 
     }, 
     set: function(newName) { 
      name = newName; 
     }, 
     configurable: true, 
     enumerable: true 
    }); 
    this.sayName = function() { 
     console.log(this.name); 
    }; 
} 

var One = new Person("Mark"); 

One.sayName(); 
console.log(One.name); 
//output: 
//Mark 
//Mark 

それがさらに同じ名前のローカル変数やオブジェクトプロパティの使用を混乱されたので、私は、名前へのXNameパラメータを変更しています。

私は、このコードが意図したとおりに動作しているのではないかと疑いますが、何かをしているようにも私を混乱させます。

1. 私は「名前」と呼ばれる新しく作成されたインスタンスのプロパティを作成するためにコンストラクタ内Object.defineProperty使用されていることを理解しています。

2. getterメソッドは、たXNameを返し、まだのXNameは、行の後にスコープを消灯します。varワン=新しい人（「マーク」）。どのようにして後でコードオブジェクトにすることができますか？xnameの値を返すように1つのゲッターを管理しますか？私はそれが動作するはずのように、名を返すためにgetterメソッドを変更した場合ので

3. そして、それは、のXNameの値であり、エンジンがエラー名が定義されていない報告します。

4. setterメソッドがまったく機能しないことは言うまでもありません。 One.name = "Mickey"の場合、One.nameはまだ "Mark"に設定されています。

xnameの.nameへの割り当てはありませんが、私はそれを見ませんか？

Answer 1

getterメソッドはxnameを返し、まだxnameライン後の範囲を出て行く：var One = new Person("Mark");はどのように後からコードオブジェクトの一つゲッターでxnameの値を返すように管理することができます？

はまだ使用されている範囲内にあるので、まだです。はい、Person関数が返されましたが、Personへの呼び出しのコンテキストで閉じる関数があるため、そのコンテキスト内で定義されている引数と変数には引き続きアクセスできます。

関数を呼び出すと、関数の引数、呼び出し内のローカル変数などの "バインディング"（プロパティのようなものと考える）が含まれるオブジェクトが作成されます。関数の呼び出しはそのオブジェクトへの参照を保持しているので、関数が返ってもオブジェクトは引き続き存在します。それがJavaScriptのクロージャの基礎です。それで、Personがそのインスタンスのgettersとsettersを作成する呼び出しから戻った後でも、xnameを使用し続けることができます。

パラメータ名をxnameに変更しました。これは、同じ名前のローカル変数とオブジェクトプロパティの使用がさらに混乱していたためです。

これはゲッターでのみ行いました。

function Person(xname) { 
    Object.defineProperty(this, "name", { 
     get: function() { 
      return xname; 
     }, 
     set: function(newName) { 
      xname = newName;  // *** Here too 
     }, 
     configurable: true, 
     enumerable: true 
    }); 
    this.sayName = function() { 
     console.log(this.name); 
    }; 
} 

Object.definePropertyものをすべて多少のポイントの横にある（実際にさえnewは、）：それが正しく動作するためにあなたはゲッターとセッターの両方でそれを行う必要があります。あなたが見ている基本的な事は、クロージャの仕組みで、それでは、単純な例を見てみましょう：私たちはc1またはc2関数を呼び出すとき、それは使用しています、あなたが見ることができるように

function createClosure(arg) { 
 
    return function() { 
 
    console.log(arg); 
 
    }; 
 
} 
 
var c1 = createClosure("one"); 
 
var c2 = createClosure("two"); 
 
c1(); // "one" 
 
c2(); // "two" 
 
c1(); // still "one" 
 
c2(); // still "two"

createClosureが返されたにも関わらず、その関数が作成されたときにcreateClosureが受け取られた引数arg。 c1（およびc2）にはそれぞれ、作成されたコンテキストの参照があります。それらは、作成された呼び出しに関連するargを「閉じる」。

もっと読み：

• ここで私の貧血の小さなブログ上のSO
• Closures are not complicated上How do closures work?（彼らはが複雑に思えるので選ばれたタイトルが、実際には非常に簡単です）