javascript - 在 'this' 和对象的原型(prototype)方法中使用 'constructor' 时如何正确返回值？

Question

有关实时代码示例，请查看我的:Codepen

问题:如何确保 p1.prototype.setFirst() 和 p1.prototype.fullName() 返回正确的仍然使用 this 时的值？

var Person = function(){
     this.firstName = "Penelope";
     this.lastName = "Barrymore";

}
Person.prototype.fullName = function () {
  return this.firstName + " " + this.lastName;
}
Person.prototype.setFirst = function () {
  return this.firstName = "mark"
}
var p1 = new Person();
p1.prototype.setFirst()
console.log(p1.prototype.fullName());

Answer 1

如果您确实必须通过这样的原型(prototype)进行调用，您可以这样做:

Person.prototype.setFirst.call(p1);

...和:

Person.prototype.fullName.call(p1);

call 和 apply 是更改 this 的最简单方法。

如果您想要引用 this 绑定(bind)到它的函数版本，请使用 bind:

var myFullName = Person.prototype.fullName.bind(p1);
myFullName(); // this will be p1

...但是当然，这是很自然的事情:

p1.fullName()

而如果想通过对象获取原型(prototype)，可以使用:

p1.__proto__

...或:

p1.constructor.prototype