JavaScript 데이터 유형, 객체, 생성자, 프로토타입 객체, 프로토타입 체인 첫 소개, 객체 상속
1. 워드 부분
①객체 상위 클래스 ②생성자 생성자 ③인스턴스 인스턴스 ④호출 호출
⑤애플리케이션 적용 ⑥조합 조합 7상속 상속
II.미리보기 부분
1. 객체를 생성하는 두 가지 방법과
new와 literal 할당의 차이점을 간략하게 설명합니다.
전자는 속성과 메서드를 추가하는 데 사용해야 합니다.
후자는 직접 호출됩니다.
2. 생성자를 사용하는 인스턴스
①새 객체 생성
②새 객체에 생성자의 범위 할당
③생성자 코드 블록 실행
④새 객체 반환
3. 프로토타입 체인에 대한 간략한 설명은 역할에 있습니다.
상속을 구현하는 주요 방법입니다
3. 실습 부분
1. 사람 개체 만들기
| |
< ;html | lang="
en">
|
|
| charset="UTF- 8인치>
|
사람 개체 만들기 </span> |
| | | |
< div | id=" | aa">
|
| |
|
<script> <td class="line-number"></td>
<td class="line-content"><span class="html-tag"> </span></td>var createTi=docu ment.createElement("p"); </tr>
<tr>
<td class="line-number"></td> <td class="line-content"><span class="html-tag">var person=new Object();<span class="html-attribute-name"><span class="html-attribute-value"><span class="html-tag"></span> </span></span>person.name="Lang Xiaoming";</span></td> </tr>
<tr> <td class="line-number"></td>person.age="38";<td class="line-content"><span class="html-tag"></span></td> </tr>
<tr>사람 .job="중국 본토 배우, 가수";<td class="line-number"></td>
<td class="line-content"></td> </tr>
<tr>person.address="중국 베이징 하이뎬구";<td class="line-number"></td>
<td class="line-content"></td> </tr>
<tr>person.info=function () {<td class="line-number"></td>
<td class="line-content"></td> </tr>
<tr> var strr="이름: "+this.name+"<br/>나이: "+this.age+"<br/>직장: "+this.job+"<br/>주소: "+ this.address;<td class="line-number"></td>
<td class="line-content"></td> </tr>
<tr>//document.write(strr);<td class="line-number"></td>
<td class="line-content"></td> </tr>
<tr>document.getElementById("aa")innerHTML=strr;<td class="line-number"></td>
<td class="line-content"></td>
</tr>
<tr>}<td class="line-number"> </td>
<td class="line-content"></td>
</tr> <tr>person.info();<td class="line-number"></td>
<td class="line-content"></td>
</tr>
<tr>
<td class="line-number"></script>
|
|
|
