JS 대상 지향 관련

6175 단어
0. 머리말: 대상 이 인용 하 는 원리:
우선, 우 리 는 대상 을 만 드 는 데 두 가지 방법 이 있다 는 것 을 알 고 있다. 1. 글자 의 양 을 직접 만 드 는 것 이다.2. 구조 함수 법 생 성 대상.그 중에서 구조 함수 법 생 성 대상 은 여러분 과 공유 할 것 이 있 습 니 다.
구조 함수 생 성 대상 의 원 리 를 분명히 해 야 구덩이 에 빠 지지 않 는 다.
대상 을 만 드 는 절 차 는 모두 알 고 있 을 것 입 니 다:
1.         ,     

2.this         

3.     ,       

4.          

setp1.
먼저 그림 을 보고 우리 가 만 든 대상 이 메모리 에 어떻게 존재 하 는 지 알 아 보 세 요.
코드 쓰기:


        function Person () {
            this.name = "  ";
        }

        var person1 = new Person();

</code></pre> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 351px; max-height: 483px;"> 
   <div class="image-view"> 
    <a href="https://img.  .com/image/info10/601dc86cd60246c18cce258dcc8454f4.png" target="_blank"><img src="https://img.  .com/image/info10/601dc86cd60246c18cce258dcc8454f4.png" width="351" height="483" alt="JS       _ 1   " style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    01.png 
  </div> 
 </div> 
 <p>   ,               ,                               </p> 
 <hr> 
 <h2>setp2</h2> 
 <p>this              ,       ,           ,         。</p> 
 <blockquote> 
  <p><strong>  :         ,    ,              </strong></p> 
 </blockquote> 
 <p>     </p> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 547px; max-height: 467px;"> 
   <div class="image-view"> 
    <a href="https://img.  .com/image/info10/4548b15bcb174f65bb996a0137a16776.png" target="_blank"><img src="https://img.  .com/image/info10/4548b15bcb174f65bb996a0137a16776.png" width="547" height="467" alt="JS       _ 2   " style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    02.png 
  </div> 
 </div> 
 <p>               person1    person1       ,       new Person ,          ,       ,           ,            </p> 
 <p>    ,       ,        </p> 
 <p>         </p> 
 <pre><code><script type="text/javascript">
        function Person () {
            this.name = "  ";
        }

        var person1 = new Person();
        var person2 = new Person();

        // console.log(new Person().name);
        // console.log(new Person().name);
        var person3 = person2;
</code></pre> 
 <p>           </p> 
 <pre><code>console.log(person1 === person2);//false
console.log(person1 === person3);//false
console.log(person2 === person3);//true

</code></pre> 
 <p>        ,person2   person3     ,    ,       ,           person2   person3</p> 
 <p>            </p> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 545px; max-height: 469px;"> 
   <div class="image-view"> 
    <a href="https://img.  .com/image/info10/0086f1cfa5b246c7987d6519a20f2699.png" target="_blank"><img src="https://img.  .com/image/info10/0086f1cfa5b246c7987d6519a20f2699.png" width="545" height="469" alt="JS       _ 3   " style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    03.png 
  </div> 
 </div> 
 <p>       </p> 
 <p>     person3</p> 
 <pre><code>person3.name = "  ";

        console.log(person1.name);//  
        console.log(person2.name);//  
        console.log(person3.name);//  
        console.log("-----------");
</code></pre> 
 <p>person2   person3   name     <strong>  </strong>,           ,        ,     ,                </p> 
 <p>     person3    </p> 
 <pre><code>person3 = new Person();
        console.log(person1.name);//  
        console.log(person2.name);//  
        console.log(person3.name);//  
        console.log("-----------");
</code></pre> 
 <p>      ,  person3            ,            person3   name  </p> 
 <p>   </p> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 545px; max-height: 478px;"> 
   <div class="image-view"> 
    <a href="https://img.  .com/image/info10/553dcd0bb73144398317312fc7f07dcb.png" target="_blank"><img src="https://img.  .com/image/info10/553dcd0bb73144398317312fc7f07dcb.png" width="545" height="478" alt="JS       _ 4   " style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
    04.png 
  </div> 
 </div> 
 <p>      </p> 
 <p>    person1    </p> 
 <pre><code>person1 = person2;
        console.log(person1.name);//  
        console.log(person2.name);//  
        console.log(person3.name);//  
</code></pre> 
 <p>        ,          person1   person2</p> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 613px;"> 
   <div class="image-view"> 
    <a href="https://img.  .com/image/info10/3463308440c24752b993215aa5a55069.jpg" target="_blank"><img src="https://img.  .com/image/info10/3463308440c24752b993215aa5a55069.jpg" width="650" height="311" alt="JS       _ 5   " style="border:1px solid black;"></a> 
   </div> 
  </div> 
  <div class="image-caption">
         .png 
  </div> 
 </div> 
 <p>  ,       !</p> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1208859460446031872"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                

좋은 웹페이지 즐겨찾기