JS 대상 지향 관련
우선, 우 리 는 대상 을 만 드 는 데 두 가지 방법 이 있다 는 것 을 알 고 있다. 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">
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.