JavaScriptのプロトタイプオブジェクトを徹底的に理解しましょう

<本文>
    <script type="text/javascript">
    	/*
    		関数を宣言すると、デフォルトで prototype と呼ばれるプロパティが設定されます。そして、ブラウザは特定のルールに従ってオブジェクトを自動的に作成します。このオブジェクトはこの関数のプロトタイプ オブジェクトであり、prototype プロパティはこのプロトタイプ オブジェクトを指します。このプロトタイプオブジェクトには、この関数を実行するコンストラクタと呼ばれるプロパティがあります。			
			注: デフォルトでは、プロトタイプ オブジェクトにはコンストラクターという 1 つの属性のみがあります。その他は Object から継承されるため、今のところ考慮する必要はありません。
		*/
	    関数Person(){
	    	
	    }	    
    </スクリプト>
</本文>

<本文>
    <script type="text/javascript">
	    関数Person(){
	    	
	    }	
        /*
        	コンストラクターを使用してオブジェクトが作成されると、非表示のプロパティ [[prototype]] がオブジェクトに自動的に追加され、このプロパティはコンストラクターのプロトタイプ オブジェクトを指します。
        */
      	var p1 = 新しい Person();
    </スクリプト>
</本文>

<本文>
    <script type="text/javascript">
	    関数Person(){    	
	    }
      	// Person.prototype を使用するとプロトタイプ オブジェクトに直接アクセスできます // Person 関数のプロトタイプ オブジェクトにプロパティ名を追加し、その値は "Zhang San" になります
	    Person.prototype.name = "張三";
	    Person.prototype.age = 20;

	   	var p1 = 新しい Person();
	   	/*
	   		p1 オブジェクトの name プロパティにアクセスします。p1 オブジェクトに name プロパティを明示的に追加していませんが、p1 の [[prototype]] プロパティが指すプロトタイプには name プロパティがあるため、ここで name プロパティにアクセスできます。
	   		それは価値があります。
	   		注意: 現時点では、p1 で削除されたオブジェクトのみを削除できるため、name 属性は p1 オブジェクトを通じて削除できません。
	   	*/
	   	alert(p1.name); // 張三 var p2 = new Person();
	   	alert(p2.name); // Zhang San はプロトタイプから両方を見つけたので、同じです。

	   	アラート(p1.name === p2.name); // 真

	   	// プロトタイプの値は変更できないため、このメソッドは新しい属性名を p1 に直接追加し、その後、プロトタイプの属性は p1 ではアクセスできなくなります。
	   	p1.name = "李斯";
	   	アラート("p1: " + p1.name);
	   	// p2 には name 属性がないため、p2 はプロトタイプ内の属性にアクセスします。	
	   	alert("p2:" + p2.name); // 張三</script>
</本文>

<script type="text/javascript">
	関数Person(){
	}
	alert(Person.prototype.constructor === Person); // 真
	var p1 = 新しい Person();
  	//instanceof 演算子を使用してオブジェクトの型を決定します。  
  	//typeof は通常、単純な型と関数を取得するために使用されます。参照型では通常、instanceof が使用されます。これは、typeof が参照型に対して常に object を返すためです。
	alert(p1 instanceof Person); // true
</スクリプト>

<script type="text/javascript">
	関数Person(){
		
	}
	// オブジェクトリテラルを Person のプロトタイプに直接割り当てます。すると、このオブジェクトのコンストラクタプロパティはPerson関数を指しなくなります。Person.prototype = {
		名前:"志玲",
		年齢:20
	};
	var p1 = 新しい Person();
	alert(p1.name); // 志玲 alert(p1 instanceof Person); // true
	alert(Person.prototype.constructor === Person); //false
  	// コンストラクターが重要な場合は、次のような行を Person.prototype に追加する必要があります。
  	/*
  	Person.プロトタイプ = {
      	コンストラクター: Person // コンストラクターをPerson関数にリダイレクトします }
  	*/
</スクリプト>

<script type="text/javascript">
	関数Person(){
		
	}
	// オブジェクトリテラルを Person のプロトタイプに直接割り当てます。すると、このオブジェクトのコンストラクタプロパティはPerson関数を指しなくなります。Person.prototype = {
		コンストラクタ: Person,
		名前:"志玲",
		年齢:20
	};
	var p1 = 新しい Person();

	alert(p1.__proto__ === Person.prototype); //true
	
</スクリプト>

<script type="text/javascript">
	関数Person(){
		
	}
	Person.prototype.name = "志玲";
	var p1 = 新しい Person();
	p1.sex = "女性";
  	//性別属性はp1属性に直接追加されるため、trueになります
	alert("sex プロパティはオブジェクト自体に属します: " + p1.hasOwnProperty("sex"));
  	// name属性はプロトタイプに追加されているのでfalseです
	alert("name プロパティはオブジェクト自体に属します: " + p1.hasOwnProperty("name"));
  	// age属性は存在しないので、これもfalseです
	alert("age プロパティはオブジェクト自体に存在します: " + p1.hasOwnProperty("age"));
	
</スクリプト>

<script type="text/javascript">
	関数Person(){
		
	}
	Person.prototype.name = "志玲";
	var p1 = 新しい Person();
	p1.sex = "女性";
	alert("sex" in p1); // オブジェクト自体が追加されているのでtrue
	alert("name" in p1); //プロトタイプに存在するのでtrue
	alert("age" in p1); //オブジェクトまたはプロトタイプに存在しないため、false
	
</スクリプト>

<script type="text/javascript">
	関数Person(){
	}
	Person.prototype.name = "志玲";
	var p1 = 新しい Person();
	p1.sex = "女性";
	
	//プロトタイプの位置を決定する関数を定義する function propertyLocation(obj, prop){
		if(!(prop in obj)){
			alert(prop + "プロパティが存在しません");
		}そうでない場合、(obj.hasOwnProperty(prop)){
			alert(prop + "オブジェクト内にプロパティが存在します");
		}それ以外 {
			alert(prop + "オブジェクトがプロトタイプに存在します");
		}
	}
	プロパティの場所(p1、「年齢」)。
	プロパティの場所(p1、「名前」)。
	プロパティの場所(p1、「性別」)。
</スクリプト

<script type="text/javascript">
	関数Person() {
	    this.name = "李斯";
	    年齢は20歳です。
	    this.eat = 関数() {
	        alert("食べ終える");
	    }
	}
	var p1 = 新しい Person();
	var p2 = 新しい Person();
	//各オブジェクトには異なるメソッドがあります alert(p1.eat === p2.eat); //誤り
</スクリプト>

<script type="text/javascript">
	関数Person() {
	    this.name = "李斯";
	    年齢は20歳です。
	    this.eat = 食べる;
	}
  	関数 eat() {
	    alert("食べ終わりました");
    }
	var p1 = 新しい Person();
	var p2 = 新しい Person();
	//eat属性に同じ関数が割り当てられているため、trueになります
	アラート(p1.eat === p2.eat); //true
</スクリプト>

<script type="text/javascript">
	//コンストラクタ関数内にプロパティをカプセル化する Person(name, age) {
	    this.name = 名前;
	    this.age = 年齢;
	}
	// メソッドをプロトタイプオブジェクトにカプセル化します。Person.prototype.eat = function (food) {
		alert(this.name + "爱吃" + food);
	}
	Person.prototype.play = function (playName) {
		alert(this.name + "爱玩" + playName);
	}
    
	var p1 = new Person("Li Si", 20);
	var p2 = new Person("张三", 30);
	p1.eat("リンゴ");
	p2.eat("バナナ");
	p1.play("志玲");
	p2.play("馮傑");
</スクリプト>

<script type="text/javascript">
	//コンストラクタの内部カプセル化プロパティ function Person(name, age) {
		//各オブジェクトは独自のプロパティを追加します。this.name = name;
	    this.age = 年齢;
	    /*
	    	属性 this.eat が関数かどうかを判断します。関数でない場合は、オブジェクトが初めて作成されたことが証明されます。
	    	次に、この機能をプロトタイプに追加します。
	    	関数の場合は、このメソッドがプロトタイプにすでに存在するため、追加する必要はありません。
	    	完璧！パフォーマンスとコードのカプセル化の問題を完全に解決します。
	    */
	    if(typeof this.eat !== "function"){
	    	Person.prototype.eat = 関数 () {
	    		alert(this.name + "食べること");
	    	}
	    }
	}
	var p1 = new Person("志玲", 40);
	p1.食べる();	
</スクリプト>