コンストラクタのObject.definePropertyの取得で「未定義」

Question

firstNameメソッドとlastNameメソッドの現在の値を表示する方法が間違っていることは理解できません。今のところ私はjone.Nameとjone.lastにエラーがあります。なぜなら、それらは不定になるからです。

function User(fullName) { 
    this.fullName = fullName.split(' '); 

    Object.defineProperty(this, 'firstName', { 
    get: function() { 
     this.firstName = this.fullName[0]; 
     return this.firstName; 
    } 
    }); 

    Object.defineProperty(this, 'lastName', { 
    get: function() { 
     this.lastName = this.fullName[1]; 
     return this.lastName; 
    } 
    }); 

} 

var jone= new User("Jone Coven"); 

console.log(jone.fullName); 
console.log(jone.firstName); 
console.log(jone.lastName); 

Answer 1

問題がthis.firstName = ...とthis.lastName = ...既にObject.defineProperty(this, ...)を使用して定義されたプロパティを上書きすることです。

ここでは、追加のプライベートプロパティthis._firstNameとthis._lastNameを使用して固定されたバージョンです：

function User(fullName) { 
    this.fullName = fullName.split(' '); 

    Object.defineProperty(this, 'firstName', { 
    get: function() { 
     this._firstName = this.fullName[0]; // <------ _firstName 
     return this._firstName; 
    } 
    }); 

    Object.defineProperty(this, 'lastName', { 
    get: function() { 
     this._lastName = this.fullName[1]; // <----- _lastName 
     return this._lastName; 
    } 
    }); 

} 

var jone= new User("Jone Coven"); 

console.log(jone.fullName); 
console.log(jone.firstName); 
console.log(jone.lastName); 

---

は別の解決策は、すぐに結果を返すことです：

function User(fullName) { 
    this.fullName = fullName.split(' '); 

    Object.defineProperty(this, 'firstName', { 
    get: function() { 
     return this.fullName[0]; 
    } 
    }); 

    Object.defineProperty(this, 'lastName', { 
    get: function() { 
     return this.fullName[1]; 
    } 
    }); 

} 

var jone= new User("Jone Coven"); 

console.log(jone.fullName); 
console.log(jone.firstName); 
console.log(jone.lastName); 

---

Answer 2

これはなぜ複雑ですか？

function User(fullName) { 
    this.fullName = fullName.split(' '); 
    this.firstName = this.fullName[0]; 
    this.lastName = this.fullName[1]; 
} 

var jone= new User("Jone Coven"); 

Answer 3

function User(fullName) { 
    this.fullName = fullName.split(' '); 
this.firstName = function() { 
     return this.fullName[0]; 

    } 
this.lastName = function() { 
     return this.fullName[1]; 

    } 
} 

var jone= new User("Jone Coven"); 

console.log(jone.fullName); 
console.log(jone.firstName()); 
console.log(jone.lastName());