본문 바로가기

전체 글

 (596)
상속 (Section 28) 참고> opentutorials.org/course/743/6572 1. prototype : 객체에 기본적으로 있음, 상속에 사용 ex) child.prototype = new Parent(); 2. child에 함수를 추가하려면.. chid.prototype.myNewFunc = function() {...}
this (Section 27) 참고> opentutorials.org/course/743/6571 1. this: 함수 내에서 함수 호출 맥락(context)을 의미함 2. 함수를 호출하는 주체가 누구냐에 따라 this 가 달라짐. 전역 함수도 사실은 window 전역 객체의 메소드이기 때문에 함수 내의 this는 그 메소드를 호출하는 주체라고 보면 됨. 3. Javascript 에서는 객체와 메소드(함수) 와의 관계가 주인(Master)과 노예(Slave)의 관계와 유사하다. 함수를 다양한 맥락(this)으로 사용할 수 있다.
전역 객체 (Section 26) 참고> opentutorials.org/course/743/6577 1. window는 전역 객체임. 사실 지금까지 알고 있던 전역 변수, 전역 함수는 사실 window 전역 객체의 지역 변수, 지역 함수임.
생성자와 new (Section 25) 참고> opentutorials.org/course/743/6570 1. Javascript의 OOP는 Prototype-based programming 임. 2. Javascript는 다른 언어에 비해 관대함. 3. 프로퍼티(property) : 객체 내의 변수 4. 메소드(method) : 객체 내의 함수 5. Javascript에서 함수는 재사용 가능한 로직의 묶음이 아니라 객체를 만드는 창조자이다. 6. new 키워드를 붙이면 함수 호출이 생성자가 된다. ex) function Person() {} var p0 = Person(); => p0에 undefined 가 들어감 (Person 함수가 아무것도 return하지 않기 때문) var p1 = new Person(); => p1에 빈 Perso..
객체 지향 (Section 23) 참고> opentutorials.org/course/743/6584 1. Javascript의 객체 지향은 다른 언어들의 객체 지향과 좀 다르다.. Java나 C++ 와 비슷할거라고 생각하면 극심한 혼란을 경험하게 될 것이다..
함수 호출 (Seciton 22) 참고> opentutorials.org/course/743/6550 1. 기본 방법 : funct(a, b); 2. apply : func.apply(null, [a, b]); 3. apply를 왜쓰냐? - 함수 내부에서 'this' 키워드를 쓸 때 이 'this' 를 특정하기 위해 apply 를 사용 - apply의 첫번째 인자로 'this'로 가리킬 객체를 전달 - apply의 첫번째 인자를 null로 쓸거면 그냥 기본 방법대로 호출하는 게 훨씬 나음. null로 넣는데 apply를 쓰면 바보임. - call 함수도 apply 함수와 비슷한 일을 함.
arguments(Section 21) 참고> opentutorials.org/course/743/6548 1. 배열과 비슷하지만 배열은 아니다! 2. Javascript는 매우 관대해서 매개변수 없는 함수를 호출할 때 인자를 넣더라도 동작한다.. 이 경우 함수 내에서 arguments 라는 키워드로 전달된 인자에 접근이 가능하다. 3. 인자로 몇개가 들어올 지 특정지을 수 없을 때 유용하게 사용 가능. 4. 함수이름.length: 함수 선언 시 지정된 매개 변수의 수 5. arguments.length: 실제 함수 호출 시 인자로 넘어온 매개 변수의 수
클로저 (Section 20) 참고> opentutorials.org/course/743/6544 1. 클로저 : 내부 함수가 외부 함수의 맥락(context)에 접근할 수 있는 것 2. 내부함수: 함수 내의 함수 중 안쪽에 있는 함수 3. 외부함수 : 함수 내의 함수 중 바깥쪽에 있는 함수 4. 내부 함수는 외부 함수의 지역 변수에 접근 가능 5. 클로저를 사용하면 private variable을 사용할 수 있음. -> 내부 함수가 리턴될 때 각자의 맥락(context)을 가지기 때문. ex) function factory_movie(title){ return { get_title : function (){ return title; }, set_title : function(_title){ title = _title } } } gh..

티스토리툴바