728x90 반응형 Frontend/JavaScript3 this const obj = { name: "daegon", showName() { console.log(this); }, }; //출력 obj = { name: 'daegon', sayname: [Function: sayname] } //this는 obj를 가리킴 obj.showName(); const showN = obj.showName; //여기서는 obj의 this가 Window를 가리킴 showN(); 콘솔창 확인해보면 같은 함수를 호출했는데 값이 다르게 나온다.. 왜일까? 중요!! this는 보통 함수가 호출하는 방법에 따라 달라진다고 합니다. showN(); 호출시 window를 가르키며 obj를 붙여서 obj.showName() 을 호출시에 this는 obj를 나타냅니다. showName()을 화.. 2023. 6. 20. JavaScript Spread Spread Operator로 객체를 복사할 시, 복사한 객체의 값을 변경해도 원본에는 영향을 주지 않는다.(얕은 복사) JavaScript에서 스프레드 문법은 배열이나 객체의 요소를 펼쳐서 전개하는 기능을 제공합니다. 스프레드 문법은 주로 배열이나 객체를 복사하거나 합치는 등의 작업에 사용됩니다. 배열에서 스프레드 문법을 사용하려면 세 개의 점 (...)을 사용합니다. 다음은 배열을 펼쳐서 복사하는 예시입니다: const array1 = [1, 2, 3]; const array2 = [...array1]; console.log(array2); // 출력: [1, 2, 3] 위 예시에서 ...array1은 array1 배열의 모든 요소를 펼쳐서 array2에 복사합니다. 또한, 여러 배열을 합치는 경우에.. 2023. 6. 15. JavaScript : event target, currentTarget의 차이점 핵심은 currentTarget은 이벤트 핸들러가 부착된 것을 가리킨다는 것이다! 즉, event.target은 부모로부터 이벤트가 위임되어 발생하는 자식의 위치, 내가 클릭한 자식 요소를 반환한다. 하지만 currentTarget은 이벤트가 부착된 부모의 위치를 반환한다. 추가정보 업데이트중.. 출처 및 참조 https://velog.io/@edie_ko/JavaScript-event-target%EA%B3%BC-currentTarget%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90 JavaScript | event target과 currentTarget의 차이점 이 글에서는 React onClick 이벤트 상황에서 event.target과 event.currentTarget의 차이.. 2023. 5. 12. 이전 1 다음 728x90 반응형
