자바스크립트에 대한 몇 가지 흥미로운 사실

우리 모두는 자바스크립트가 오늘날 가장 인기 있는 프로그래밍 언어 중 하나라는 것을 알고 있습니다. Javascript는 실제로 매우 이상한 언어입니다. 한 가지 이유는 C , C++ 및 Java 와 유사한 구문을 가지고 있지만 의미상 유사하지 않아 개발자를 혼란스럽게 만듭니다. 언급할 또 다른 이상한 점은 es6 클래스를 사용하여 유사하게 달성할 수 있는 prototype inheritance입니다. 바로 이 언어에 대한 몇 가지 흥미로운 사실에 대해 논의해 보겠습니다.

많은 프로그래밍 언어는 명령문의 끝에 세미콜론을 사용합니다. Javascript는 그렇게 하지만 명령문의 시작 부분에 세미콜론을 사용할 수도 있습니다.

;var a = 2
;console.log(a)

위의 코드 스니펫은 오류 없이 콘솔에 2를 표시합니다!

자바스크립트에서는 문자열로 숫자를 추가할 수 있습니다. 결과는 오류가 없는 문자열이 됩니다.

var b = 5 + '9';
console.log(b);

위의 코드 조각은 콘솔에 "59"를 표시합니다!

자바스크립트에서 비교 연산자는 많은 경우에 정말 이상하게 작동합니다. 몇 가지 예를 살펴보겠습니다.

NaN == NaN // -> false
NaN === NaN // -> false
[] == true // -> false
[] === true // -> false
[] == false // -> true
[] === false // -> false
{} == {} // -> false
{} === {} // -> false
{} >= {} // -> true
{} > {} // -> false

상황이 좀 엉망이 됐죠?

Javascript에는 명시적으로 호출되지 않고 정의된 직후에 함수를 실행할 수 있는 즉시 호출 함수 표현식이라는 멋진 기능이 있습니다.

(function() {
  console.log('works well');
})();

function() {
  console.log('generates syntax error');
}();

여기서 첫 번째 함수는 IIFE이므로 잘 작동하지만 두 번째 함수는 SyntaxError를 생성합니다.

자바스크립트에서 괄호 위치의 차이는 두 기능을 다르게 만들 수 있습니다.

function f1() {
   return
   {
      grade: 'A+'
   }
}
function f2() {
   return {
      grade: 'A+'
   }
}
typeof f1() === typeof f2(); // -> false

자바스크립트에서 undefined는 특별한 의미가 있지만 예약어는 아닙니다. 이것은 변수가 정의되지 않았는지 확인하는 유일한 방법이지만 다음 코드 조각은 매우 이상해 보입니다.

undefined = "I am defined now!";
var c;
console.log(c == undefined); // -> false