자바 스크립트 2

웹 DOM 구조. 다양한 형태

다큐먼트 오브젝트 모델. 이름 그대로 문서 객체 관계, 구조 정도로 이해하면 된다. 특이한게 DOM 구조라고 설명하는데 가서 보면 제각각 3가지 형태로 설명을 한다. 여러 사이트에서 이걸 혼용해서 사용한다.3개 다 숙지하고 차이점이 뭔지 알아야 개념이 혼동스럽지 않고 실제 코딩시나 이론 정립시 헷갈림을 피할 수 있다. ======================================================================================= 첫번째, 객체 생성과 관련된 부분으로 상속관계의 계층도이다. 상속관계이므로 자식객체는 당연하게도 부모객체의 함수를 제 함수처럼 사용 가능하다. 보통 최상위에 노드 객체를 두고 시작한다. 엄밀히 말하면 모든 객체는 근본객체인 Object..

웹, HTML 2016.04.07

자바스크립트 call, apply, bind 및 this 판정, 프로토타입, 클로저 이해

// Function.prototype에 구현됨(모든 함수들의 원형객체. 참고로 Function.prototype 위에는 모든 객체의 조상이자 루트인 Object.prototype이 존재) // 참고로 프로토타입(원형) 방식으로 자바 스크립트 객체는 서로 계층을 형성하고 연결을 하고 있습니다.// 모든 객체는 원형에 대한 내부링크로(크롬, 파폭, 오페라는 __proto__ 속성에 상위객체를 링크, 다른 브라우저는 각각의 방식으로 구현) 상위 객체를 참조하고 있습니다. 가장 최상위인 Object.prototype에서 윗방향으로의 링크가 끝나게 되죠.(파폭이나 크롬에서 alert(Object.prototype.__proto__)하면 null로 확인됨)__proto__는 표준규칙이 아니고 다른 브라우저에서는 ..

웹, HTML 2016.03.28