728x90 300x250 SMALL javaScript545 이벤트 위임과 바인딩 방식의 차이 $(document).on('click', id, function) / $(id).click(function() { }); $(document).on('click', id, function) 와 $(id).click(function() { });는 모두 jQuery를 사용하여 클릭 이벤트를 처리하는 방식이다. 이 두 가지 방식의 주요 차이점은 이벤트 위임(Event Delegation)과 바인딩(Binding)의 차이다. 1. 이벤트 위임 $(document).on('click', id, function)방식은 이벤트 위임을 사용한다. 여기서 'document'는 이벤트가 바인딩될 요소를 나타낸다. 이벤트는 'document'에서 발생하고, 그 후에 이벤트가 발생한 요소의 'id'에 따라 필터링된다. 따라서 동적으로 생성된 요소에도 이벤트가 적용된다. 이 방식은 요소를 생성 및 제거할 때유용하며, 한 번에 많은 요소에 이벤트.. 2024. 2. 18. ES6 클래스 상속에서의 constructor ES6에서는 클래스와 extends키워드를 사용하여 좀 더 명싱적이고 간결한 형태로 구현할 수 있다. ES6의 클래스 상속을 사용하는 경우, 자식클래스의 인스턴스가 자신을 생성한 생성자 함수를 참조하는 'constructor'속성은 자식 클래스를 가리킨다. class Parent { constructor() { // ... } } class Child extends Parent { constructor() { super(); // ... } } const myChild = new Child(); console.log(myChild.constructor); // Child 생성자 함수를 참조 ES6클래스 상속에서 특별히 자식 클래스를 가리키도로 설계되었기 때문에 myChild.constructor는 Chi.. 2024. 2. 14. 링크안에 버튼 처리2 - 비공개 보호되어 있는 글 입니다. 2024. 2. 8. 프로토타입 방식 상속일 경우 constructor 프로토타입 기반 삭송에서는 객체의 constructor 속성이 직접적으로 자신을 생성한 생성자 함수를 가리키지 않고 객체의 프로토타입 체인을 따라 올라가면서 처음으로 만나는 객체의 'constructor' 속성을 참조하게 된다. 일반적으로 프로토타입 기반 상속에서 자식 객체는 부모 객체를 상속받아 부모 객체의 메서드와 속성을 사용할 수 있다. 그래서 자식 객체의 'constructor'속성을 확인하면, 부모 객체의 생성자 함수를 참조하게 된다. function Parent() { // ... } function Child() { // ... } Child.prototype = Object.create(Parent.prototype); // 프로토타입 상속 const myChild = new Child().. 2024. 2. 2. 이전 1 ··· 8 9 10 11 12 13 14 ··· 137 다음 728x90 반응형 LIST