본문 바로가기

[자바스크립트] 프로토타입 프로토타입 프로토타입 예제 Array.prototype.each = function(callback) { for(i = 0; i < this.length; i++) { callback.prototype = this[i]; new callback(i); } }; var test = [ { name : 'a' }, { name : 'b' }, { name : 'c' } ]; test.each(function(index) { alert(index + " = " + this.name); }); Array 자바스크립트 내장 클래스 each 콜백 함수의 파라미터를 통해 배열에 포함되어 있는 객체들을 차례대로 호출 3,4열 : 함수는 클래스와 같다 그래서 this를 통해 name에 접근 가능하다 기본적으로 인스턴스를.. 더보기
[자바스크립트] OOP OOP 클래스 정의 1 function MyClass(){ } 2 var MyClass = function(){ } 2번방식이 가독성이 좋다 접근제어자 변수의 지정자에 따라 접근이 제어됨 (메소드도 동일하다) 클래스내부에서의 var private 와 같다 this.키워드 외부접근가능 정적클래스 자바스크립트에서 정적 클래스는 별도로 인스턴스를 생성하지 않는다. (선언과 동시에 정의가 됨) 유틸리티 형태의 기능 구현을 할 때 주로 사용된다. var MyStaticClass - new Function(){ this.show = function(){ return "show"; } } alert("MyStaticClass.show()"); 외부에서도 접근이 가능하고 클래스 안에'private'로 정의된 요소들을 .. 더보기
[자바스크립트] 자바스크립트 자바스크립트 스크립트 사용시 기억해야 할 점 스크립트는 다이나믹한(동적) 페이지를 위해 삽입하는 것으로 웹 페이지 콘텐츠 구현 시 핵심기능이 아니라 부가기능이다. 웹 구조인 html 파일과 분리 되어야 한다. 속성 type : MIME type 을 지정 ( type="text/javascript" ) charset : 외부 스크립트 파일의 character encoding 지정 ( charset="utf-8" ) defer : 브라우저에게 script 태그 안의 실행문이 해당문서의 컨텐츠를 생성하지 않는다는 것을 알려준다. ( defer="defer" ) src : 외부 스크립트 파일의 경로 지정( src="js파일의 경로" ) 대소문자를 반드시 구분해야 한다.(변수, 객체, 메소드 등) 스크립트는 대소.. 더보기