Web/Javascript (8) 썸네일형 리스트형 Parameter & Argument Parameter (매개변수, 파라메터) 함수 선언시 넘김을 받는 값 Argument(인수)는 함수를 호출 시 매개변수에 넣어주는 값을 말한다.. 이해가 잘 안가면.. 다음을 보자. function Parameter(x,y){ alert("이곳은 파라메터 또는 매개변수" + x,y); } Parameter('아규먼트1','아규먼트2'); 아직도 잘 모르겠는가? 그럼 다음을 보자 매개변수의 뜻을 백과사전에서 찾아봤다. 몇 개의 변수 사이에 함수관계를 정하기 위해서 사용되는 또 다른 하나의 변수 다음은 국어사전의 인수의 뜻. 정수 또는 정식을 몇 개의 곱의 꼴로 하였을 때에, 그것의 각 구성 요소를 이르는 말 백과사전과 국어사전은 뭔 소리인지 모르겠다 -_- A JavaScript Module Pattern Module Pattern은 작년 6월에 이야기가 나온것이다.. 작년 6월이라하면... 한참 ASP가지고 씨름을 하고 있는... 그야말로 초보의 생초보... 프로그램의 개념도 안가지고 있고 그저 단순히 Copy & Paste 만 죽어라 하고 있을때다.. Javascript 공부는 하고 있었지만 그 실력이라는 것은 그야말로 최하급.. 그런그때 이야기가 나온것을 나는 2달전에야 이런 패턴이 있다는것을 알았고 (ExtJs 공부하면서..물론 prototype.js 1.6.0 버전에도 있다 그 전에도 있나?) 이것이 Eric씨가 A JavaScript Module Pattern 이라고 지었다는것을 어제 알았다... 아무튼 내가 얼마나 시대에 뒤떨어져 살아가는지 충분히 깨닳게 해준 글이었던거 같다. 그래서 A Ja.. Code Conventions for the JavaScript Programming Language Code Conventions for the JavaScript Programming Language 본 문서는 Douglas Crockford 의 자바스크립트 코딩 컨밴션과 YUI 공개 컨밴션을 기본 문서로 하여 작성된 자바스크립트 토딩 컨밴션 문서다. Javascript File (코드 파일) - 자바스크립트 포르그램은 .js 확장자로 저장 - 특정 세션 또는 페이지 로직을 위한 코드가 아니면 HTML 파일과 별도의 파일로 저장. - 태그를 의 최대한 밑부분에 위치시켜야 한다. 이것은 스크립트 로딩/파싱으로 인한 지연을 피할 수 있다. 서버가 MIME type을 정하기 때문에 language 또는 type 속서을 안 써도 된다. Indetation (들여쓰기) - 들여쓰기의 기본 단위는 4개의 스페이.. __proto__ 와 construct 와 prototype Javascript 클래스에서 상속에 관해 들어가기전에 앞의 4개의 포스팅에 관해 다시 한번 정리하고 넘어가겠다. __proto__ 는 function A() {}; var B = new A(); 에 관해 B.__proto__ == A.prototype 이것이 성립되고. B.__proto__ == B.constructor.prototype 이 성립된다.. 여기서 조금 이해가 안가시는 분은 다음을 보시면 된다. B.__proto__.prototype == B.constructor.prototype.prototype 이렇게 된다. 다른건 다 두고서라도 이것에 관해 집고 넘어가겠다. firefox 와 오페라 9.5(분명 비표준인데 이번에 __proto_ 속성을 추가했다.. 이 시대를 역행하는 오페라 -_-)_.. prototype과 __proto__ 와 constructor 이걸 4개의 포스트에 걸쳐 쓰게 될 줄은 몰랐다. -_- 처음에는 가볍게 시작한 공부였으나.. (이건뭐... 보면볼수록 새로운게 나오니... -_-) 말 그대로 시작은 미미했으나 끝은 창대하리라... 허어... -------------------------------------------------------------------------------------------------- 다시 정리해보자 constructor : 초기화에 사용된 함수(오브젝트) prototype: 확장하기 위한 오브젝트 (constructor로 초기화된 오브젝트에 대해서) __proto__ : 프로토타입 오브젝트(프로퍼티가 발견되지 않았을 때에 탐색하러 가는 오브젝트) 이렇게 되는 것인데... (브라우져 마다 틀리다.. -_.. __proto__ 와 prototype에 대해.. 오브젝트의 특징으로서 모든 오브젝트는 __proto__ 프로퍼티를 가진다. 그리고 모든 함수오브젝트는 prototype 프로퍼티를 가진다. 또 new 에 의해서 작성된 오브젝트의 __proto__ 프로퍼티에는 그 함수의 prototype이 설정되어 __proto__ 는 constructor프로퍼티를 가진다. 이 constructor 프로퍼티는 new 한 함수 오브젝트를 가리키고 있다.. 이게 뭔 소리여 -_- 전에 했던 말과 다르다.. 분명한것은 익스플로어에서는 없어졌다는 것이다... 하지만 계속 봐보자. 아래와 같은함수 Parent.Child가 있다. function Parent() { } function Child() { } Child.prototype = new Parent(); 단순한 계승관계이다.. Javascript의 클래스에 관한 이야기 Javascript 에서 클래스를 만드는 방법은 몇가지 방법이 있다.. 그중에 기본적인 2가지만 하겠다. 첫번째로 var Position = function(x, y) { this.xpos = x; this.ypos = y; }; 위와 같이 생성자가 있으면 메소드를 정할 수 있다. 메소드를 정의 하는 방법은 2가지가 있다. 지금은 쓰지 않고 예전에 많이 썻던 방법이 있다. var Position = function(x,y) { this.xpos = x; this.ypox = y; this.distance = function() { var x2 = this.xpos * this.xpos; var y2 = this.ypos * this.ypos; return Math.sqrt(x2 + y2); }; }; 위.. Javascript의 constructor 와 prototype 생성자함수에서 Object.constructor 를 얻을 수 있다. 예제 1 var stdout = document.getElementById("stdout"); // Object.constructor 그리고 constructor 함수를 얻을 수 있다. var Kitten = function () {}; var mii = new Kitten(); stdout.innerHTML += "mii.constructor : " + mii.constructor + " "; // function () {}; 위에서 mii.constructor은 function () {}; 이 된다. 오브젝트를 생성할 때에 실행된 생성자 함수의 참조가 반환된다. constructor속성은 prototype으로 보관 유지 되고 있다.(..
