Question

我无法理解我在显示firstName和lastName方法的当前值时出错了。现在我在jone.Name和jone.last中有一个错误，因为它们得到 - 未定义。

<el-table :data="myData" stripe="stripe">
  <el-row>
    <el-table-column prop="position" label="Col1">...</el-table-column>
    <el-table-column prop="position" label="Col2">...</el-table-column>
    <el-table-column prop="position" label="Col3">...</el-table-column>
  </el-row>
  <el-row>
    <el-table-column prop="position" label="Col4">...</el-table-column>
    <el-table-column prop="position" label="Col5">...</el-table-column>
    <el-table-column prop="position" label="Col6">...</el-table-column>
  </el-row>

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());

＆＃34;未定义＆＃34;在构造函数中获取Object.defineProperty

3 个答案: