1월23일 - console.log, alert

console.log와 alert의 파라미터 타입 확인

개요

// 1
console.log('1. orderId=' + orderId);
// 2
console.log('2. orderId=', orderId);
// 3
alert('3. orderId=' + orderId);
// 4
alert('4. orderId=', orderId);

 

예전에는 1번처럼만 사용했었는데

2번처럼 하는게 가능하다는 걸 알게 되고 나서부터는 계속 2번처럼 써왔다.

 

그러다가 똑같이 문자열로서 작성하는거니 alert()에도 같은 방법으로 사용했는데

뒤의 값이 나오지 않는 문제를 겪었다.

 

문제 발견 및 해결

일단 모든 값을 다 찍어서 비교해봤다.

 

이렇게 비교해보니 console.log()에서부터 다르다는걸 알았는데

콤마(,)가 그냥 붙여주는게 아니라 파라미터를 추가하는거라는걸 망각하고 사용해왔었던 것이다.

 

실제로 console.log와 alert 함수를 lim.dom.d.ts에서 확인해보면 다음과 같다.

 

앞으로 문자열을 만들어 출력한다면 콤마(,)를 쓰지 않고 + 로 합쳐서

하나의 문자열을 만들어 사용하는 습관을 들여야겠다.

아니면 이렇게 쓰자

console.log(`orderId=${orderId}`);
alert(`orderId=${orderId}`);