공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 프론트엔드 ■/JavaScript

new - Class생성

serpiko 2013. 10. 13. 23:31
클래스 생성의 기초 
var MyClass = function($w,$h){
 this.width = $w;
 this.height = $h;
 this.name = "MyClass"
}

MyClass.prototype.build = function(){
 console.log(this.name); 
}

function init(){
 var _myClass = new MyClass(100,200);
 _myClass.build(); //MyClass
 console.log(_myClass.width); //100
 console.log(_myClass.height); //200
}

 

1 : MyClass 라는 클래스를 정의.

    생성자를 두개 만들었다.

7 : MyClass에 build 객체를 추가.

    여기서의 this는 MyClass이다.

12 : MyClass 인스턴스를 생성.

     출력값은 MyClass, 100, 200

 

 

호스트코드에서 호출하는 부분은

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>search</title>
<style type="text/css">
 * {padding:0;margin:0;}
</style>

<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/test.js" charset="utf-8"></script>
</head>

<body>
<script>
 $(document).ready(function() {
  init();
 });
</script>
</body>
</html>
 
저작자표시 비영리 변경금지

'■ 프론트엔드 ■ > JavaScript' 카테고리의 다른 글

키보드 입력 - 3가지 솔루션  (0) 2013.10.13
디바이스 감지 - window.navigator.userAgent  (0) 2013.10.13
onload - 페이지 로딩시 바로 시작되는 함수  (0) 2013.10.13
마우스롤오버, 롤아웃 효과  (0) 2013.10.13
Array - 2차원배열  (0) 2013.10.13
댓글