본문 바로가기

JavaScript12

함수 선언식, 표현식, 화살표 함수의 공통점과 차이점 자바스크립트를 배우면 제일 먼저 맞딱뜨리는 것이 함수고, 제일 많이 쓰는 것이 함수다. 함수를 쓰는데 있어서 세 가지 방법이 있다. 함수 선언식, 함수 표현식, 화살표 함수. 함수 선언식은 전통적인 함수 선언 방법이고, 화살표 함수는 자바스크립트가 ES6로 업데이트되면서 새로 생긴 방식이다. 세 함수식 특징을 잘 알고 사용할 필요가 있기에 이들의 공통점과 차이점을 살펴보려 한다. 먼저 각 선언식이다. 함수 선언식 함수의 기본 선언식이다. function을 선언하고 함수명('func_declaration')을 기재하고 매개변수를 위한 소괄호와 로직을 위한 중괄호를 쓴다. function func_declaration(){ console("함수 선언식") } 함수 표현식 비슷한 듯 다른 함수 표현식. 변수를.. 2022. 8. 14.
'getElementById' VS 'querySelector' getElementById getElementById는 주어진 문자열과 일치한 id 요소를 찾고, 해당하는 element를 반환한다. id는 문서 안에서 유일하기 때문에 특정 요소를 빠르게 찾을 수 있다. 반환 값이 없다면 null을 반환한다. querySelector querySelector는 제공한 선택자(id, class, tag 등) 혹은 선택자 뭉치 중 첫번째 요소를 element로 반환한다. 반환 값이 없다면 null을 반환한다. 공통점 1. 특정 요소를 찾아 element를 반환한다. 2. 반환 값이 없다면 null을 반환한다. 차이점 1. getElementById는 ID만 탐색하는 반면, querySelector는 class 혹은 ID를 선택할 수 있다. 2. 상대적으로 getElemen.. 2022. 8. 8.