javascriptのプロトタイプpropertie出力

Question

var People = function() 
{ 
    this.FirstName = "John"; 
    this.LastName = "Doer"; 
} 

var Employee = function(o) 
{ 
    this.DateHired = "June 30"; 
    this.prototype = o; 
} 

var obj = new People(); 
var employee1 = new Employee(obj); 
print(employee1.DateHired); 
print(employee1.FirstName); 

フックアップ： 6月30日

私は出力があるべき予想： 6月30日 Jonh

が、それは私が期待したものではありません。だから誰かが私に上記のコードに間違っていることを説明することができますか？

Answer 1

あなたが言う：

this.prototype = o; 

あなたは、本質的に「プロトタイプ」という名前のプロパティを作成し、値を与えています。 Javascriptは、 "prototype"という名前の変数に値を格納しようとしていることを前提としています。

あなたが入力した場合：

print(employee1.prototype.FirstName); 

をあなたは

出力を得るでしょうが：ジョン

Answer 2

あなたはないnew Employeeによって作成インスタンス、上prototypeと呼ばれるプロパティを設定しましたプロトタイプチェーンを張るために何かをする。 prototypeプロパティはファンクションEmployeeになります。そのプロパティは、new Employeeで作成されたオブジェクトの内部プロパティを[[Prototype]]に設定するために使用されます。

だから、あなたはこのようにそれを行うだろう、あなたはPeopleのサブクラスであることをEmployeeをしたいと仮定すると：しかし

// The singular is "Person", so I'll use that instead of People 
 
var Person = function() { 
 
    this.FirstName = "John"; 
 
    this.LastName = "Doer"; 
 
}; 
 

 
var Employee = function() { 
 
    // Give `Person` a chance to do its initialization of the instance 
 
    Person.call(this/*, possible, arguments, here*/); 
 

 
    // Now carry on with the `Employee` initialization 
 
    this.DateHired = "June 30"; 
 
}; 
 

 
// Make Employee a subclass of Person by 
 
// 1. Giving `Employee.prototype` a new object whose [[Prototype]] is 
 
// `Person.prototype` 
 
// 2. Ensuring that `Employee.prototype`'s `constructor` property points 
 
// back to Employee. 
 
Employee.prototype = Object.create(Person.prototype); 
 
Employee.prototype.constructor = Employee; 
 

 
// Usage 
 
var employee1 = new Employee(); 
 
console.log(employee1.DateHired); 
 
console.log(employee1.FirstName);

、ここでは、我々ドン2016年の終わりにこれらのゲームをこれ以上実行する必要はありません。

（私たちは古いブラウザにコードをデプロイする必要がある場合、換気する）ES2015の class構文を使用できます。

class Person { 
 
    constructor() { 
 
    this.FirstName = "John"; 
 
    this.LastName = "Doer"; 
 
    } 
 
} 
 

 
class Employee extends Person { 
 
    constructor() { 
 
    // Give `Person` its chance to initialize the instance 
 
    super(); 
 
    // Now carry on with the `Employee` initialization 
 
    this.DateHired = "June 30"; 
 
    } 
 
} 
 

 
// Usage 
 
const employee1 = new Employee(); 
 
console.log(employee1.DateHired); 
 
console.log(employee1.FirstName);

Answer 3

Inheritance works as below 


    var People = function() 
      { 
       this.FirstName = "John"; 
       this.LastName = "Doer"; 
      } 

      var Employee = function() 
      { 
       this.DateHired = "June 30"; 
       //this.prototype = o; 
       People.call(this); 
      } 
      Employee.prototype=Object.create(People.prototype); 
      var employee1 = new Employee(); 
      console.log(employee1.DateHired); 
      console.log(employee1.FirstName);