반응형
● 문자열 표현 방식
1) '(작은 따옴표) 사용
const str = 'abcd';
2) "(큰 따옴표) 사용
const str = "abcd";
3) `(억음 부호 : backtick) 사용
const str = `abcd`;
● 방식별 차이
* '(작은 따옴표)와 "(큰 따옴표)의 차이는 거의 없음
* `(억음 부호)의 경우엔 개행 처리가 가능
- 개행 처리를 하기 위해서는 '(작은 따옴표)와 "(큰 따옴표)는 \n을 직접 넣어줘야 함
* `(억음 부호)의 경우, 변수 작성 시 ${} 태그로 값을 부여가 가능함
* 문자열 상수를 표현하기 위해 \" \' 같은 escape 필요 없음
- 사실 '(작은 따옴표)로 묶을 경우 "(큰 따옴표)를 사옹하고, "(큰 따옴표)로 묶을 경우 '(작은 따옴표)를 사용하면 됨
● 정보
* 구글의 경우 '(작은 따옴표) 방식을 선호한다고 한다.
- 이유 : HTML 작성 시 간편하기 때문
● 결론
* 어떤 방식이든 성능상 큰 차이는 없다.
* 개발자의 취향에 따라 다르기 떄문에, 누가 뭘 쓴다고 나무라지 말자.
* 사내 코드 작성 규칙이 있다면 그 방식을 따르자.
* 평소에는 "(큰 따옴표) 방식을 많이 써왔는데, 지금 글을 쓰다보니 `(억음 부호)의 장점이 엄청 많은 것 같다.
참고
- OKKY - javascript에서 따옴표도 표준이 있나요?
https://okky.kr/questions/372958
- hi098123 - JS) 자바스크립트에서 " ' ` 따옴표, 억음 부호의 차이
https://hi098123.tistory.com/255
반응형
'Programming > Javascript' 카테고리의 다른 글
[Javascript] 두 배열의 겹치는 값을 제외한 배열 추출하기 (0) | 2023.07.06 |
---|---|
[Javascript] context path 가져오는 방법 (0) | 2023.06.23 |
[Javascript] class 내 비동기 함수에서 this를 현재 class로 설정하는 방법 (0) | 2023.06.12 |
[Javascript] Ajax async(동기 처리)가 먹히지 않을 때 (0) | 2023.05.15 |
[Javascript] 숫자 천 단위로 ,(콤마) 찍는 방법 (0) | 2023.05.11 |
댓글