JS) 자바스크립트에서 " ' ` 따옴표, 억음 부호의 차이

자바스크립트 작성 시 String 값을 표현할 때 따옴표를 쓴다.

 

1. " (큰 따옴표)로 표현

var str="hi098123";

2. ' (작은 따옴표)로 표현

var str='hi098123';

3. ` (억음 부호 : backtick)로 표현 : 보통 잘 안 쓰인다. 키보드 숫자 1 옆에 있다.

var str=`hi098123`;

이 세개에 차이가 있을까?

 

" ' 는 사실 차이가 없다.

 

C언어 기반(C, C++, C#)과 자바 등에서는 " (큰 따옴표)만 사용하나 JavaScript에서는 차이 없이 쓸 수 있다.

\n으로 표현 시 세 개 문자 모두 줄 바꿈을 표현한다.

 

다만 ` (억음 부호 : backtick)는 차이가 있다.

 

ES6이후부터 사용 가능하여 IE에서는 사용이 불가하다.

(그래서 아직 많은 사이트에 적용되어있지는 않다.)

 

` (억음 부호 : backtick)만 가능한 게 있는데

" ' (따옴표)에서는 불가한 String의 사이에 개행이 된 경우 처리가 가능하다.

중간에 개행이 있으면 에러가 난다.

개행가능

ES6는 IE(ES5)만 제외하고 지원하기 때문에 아직은 쓸 때가 아니지만 곧 쓸때가 되지 않을까 싶다.

 

아래와 같이 변수 작성 시 활용 가능하다.

var a=11;
console.log(`a의 값은 ${a} 입니다.`);

// a의 값은 11 입니다.

Node.js도 위와 같이 작성이 가능한데, ES6표준 문법을 따라서 그렇다.

 

 

\" \' 같은 Escape가 필요 없다.

var es5 = "\"Hello World!\"";
var es6 = `"Hello World"`;

 

JS의 따옴표 관련 팁

1. 구글은 " (큰 따옴표)보다 ' (작은 따옴표)를 선호한다.

https://google.github.io/styleguide/javascriptguide.xml?showone=Strings#Strings

var a = '<a href="https://hi098123.tistory.com/" title="hi098123 tistory">hi098123.tistory.com/a>';

구글의 이유 HTML 작성 시 간편해서

따라서 이건 큰 이유가 아니다. 편한 대로 쓰자.

 

2. 쓸데없이 코드를 분리하지 말자.

var bad1 = '이건 \
나쁜 \
코드 \
입니다.';

var bad2 = '이건 ' +
'나쁜 ' +
'코드 ' +
'입니다2.';

var good = '이건 좋은 코드 입니다';

/*
	JS가 안그래도 느린데 쓸데없이 코드 중간중간을 끊으면,
    끊은만큼 작업을 더 해야된다. 쓸데없는 for문을 돌리는 행위
*/