Web/JavaScript

[JavaScript] Truthy & Falsy / 단락회로 평가

Truthy & Falsy Trutyh(참 같은 값)는 boolean에서 true로 평가되는 값 Falsy(거짓 같은 값)는 boolean에서 false로 평가되는 값 Falsy값 이외의 모든 값들은 모두 true로 평가되는 Trutyh값이기 때문에, Falsy을 알아두자! Truthy true {} (빈 객체) [] (빈 배열) function () {} (빈 함수) Falsy false undefined null 0 -0 NaN '' (빈 문자열) 위에 명시된 값들을 제외한 모든 값들은 Truthy이다. 단락회로 평가 논리곱(&&), 논리합(||) 연산자는 왼쪽부터 오른쪽으로 평가를 진행하는데, 표현식을 평가하는 도중에 평가결과가 확정된 경우 나머지 평가 과정을 생략하는 것이다. 이를 '단락회로 평가..

[JavaScript] 함수 정의

자바스크립트에서 함수를 생성하는 방법은 3가지가 있다. 이들 방식은 모두 같은 함수를 생성하지만, 각각의 방식에 따라 함수 동작이 미묘하게 차이가 난다. - 함수 선언식 (function statement) - 함수 표현식 (function expression) - Function() 생성자 함수 각각의 방식에 대해 알아보기 전에 함수 선언문과 함수 표현식에서 함수를 생성하는 함수 리터럴의 개념을 먼저 살펴보자. 함수 리터럴 (익명 함수) 자바스크립트에서는 함수도 일반 객체처럼 값으로 취급된다. 때문에 객체 리터럴 방식으로 일반 객체를 생성할 수 있는 것처럼, 자바스크립트에서는 함수 리터럴을 이용해 함수를 생성할 수 있다. 함수 리터럴은 크게 네 부분으로 구성된다. function add (x, y) {..

[JavaScript] 연산자

자바스크립트 연산자의 대부분은 다른 언어와 유사하다. 몇 가지 주의해야 할 연산자들에 대해서 간단히 살펴보자. + 연산자 - 더하기 연산 - 문자열 연결 연산 - 두 연산자가 모두 숫자일 경우에만 더하기 연산이 수행되고, 나머지는 문자열 연결 연산이 수행된다. let add1 = 1 + 2; let add2 = "my " + "string"; let add3 = 1 + "string"; let add4 = "string" + 2; console.log(add1); // 3 console.log(add2); // my string console.log(add3); // 1string console.log(add4); // string2 typeof 연산자 - 피연산자의 타입을 문자열 형태로 리턴한다. //..