[ 모던 자바스크립트 스터디 ] 함수 호출
·
Archive/Develop
함수 호출 함수 호출 연산자 내에는 0개 이상의 인수를 쉼표로 구분해서 나열하고, 함수 호출 시 실행 흐름을 중단하고 호출된 함수로 제어권이 넘어간다. 이때 매개변수에 인수가 순서대로 할당되고 함수 몸체의 문들이 실행되기 시작한다. 매개변수, 인수 인수는 실제 함수에 넘어가는 값이며, 전달되어 매개변수에 할당된다. 매개변수는 함수를 정의할 때 선언하며, 함수 몸체 내부에서 변수와 동일하게 취급된다. 매개변수는 함수 몸체 내부에서만 참조할 수 있고, 함수 몸체 외부에서는 참조 불가능하다. 즉 매개변수의 스코프는 함수 내부라는 것이다. 함수는 매개변수의 개수와 인수의 개수가 일치하지 않는지 체크하지 않는다. 만약 인수가 부족해서 인수가 할당되지 않는다면 해당 매개변수는 undefined 값을 가진다. 매개변..
[ 모던 자바스크립트 스터디 ] 함수 선언/ 함수 표현/ Function/ 화살표 함수
·
Archive/Develop
자바스크립트에서는 함수도 객체이다. 함수 정의 함수를 정의하는 방법에는 4가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 화살표 함수 함수 선언문 function add(x, y) { return x + y; } console.dir(add); consolg.log(add(3, 10)); console.dir 은 함수 객체의 프로퍼티까지 출력해준다. 함수 선언문은 함수 리터럴과는 달리 함수 이름을 생략할 수 없다는 걸 알고 있자. 함수 선언문은 표현식이 아닌 문이다. 표현식이 아닌 문은 변수에 할당할 수 없는데, 함수 선언문도 표현식이 아닌 문이므로 변수에 할당할 수 없다. 엥? 되는데요? 이게 되는 이유는 자바스크립트 엔진이 코드 문맥에 따라 함수리터럴을 표현식이 아닌 문인 함수 선..
[ 모던 자바스크립트 스터디 ] 원시 값과 객체 비교
·
Archive/Develop
자바스크립트가 제공하는 7가지 데이터 타입은 크게 원시 타입과 객체 타입으로 구분 가능하다. 원시타입과 객체타입의 차이점에 대해 좀 서술해보겠다. 원시값은 변경 불가능한 값이나 객체는 변경 가능한 값이다. 원시 값을 변수에 할당하면 변수에는 실제 값이, 객체를 할당하면 변수에는 참조 값이 저장된다. 원시 값은 값에 의한 전달이, 객체는 참조에 의한 전달이다. 하나씩 따지고 들어가보자. 원시 값 원시 값은 변경 불가능한 값이다. 한번 생성된 원시 값은 읽기 전용값으로, 변경 불가능하다. 변수와 값을 혼동하면 안된다. 변수는 값을 저장하기 위한 공간 혹은 해당 공간을 식별하기 위해 붙여진 이름이고, 값은 변수에 저장되는 데이터로 표현식이 평가되어 생성된 결과를 말하는 것이다. 변경 불가능하다는 것은 변수가 ..
[ 모던 자바스크립트 스터디 ] 객체
·
Archive/Develop
객체란 무엇인가 자바스크립트는 객체 기반 프로그래밍 언어이다. 자바스크립트를 구성하는 거의 모든 것이 객체라고 해도 과언이 아닐 정도이다. 원시값이 아닌 함수, 배열, 정규 표현식 .. 기타 등등은 모두 객체이다. 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조 이다. 만약 c 언어를 했었다면, 구조체를 떠올리면 더 이해하기 쉽지않을까 생각한다. 원시 타입 값은 변경 불가능한 값이지만 객체 타입의 값은 변경 가능한 값이다. 객체는 0 개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다. 자바스크립트 내에서 사용할 수 있는 값들은 모두 프로퍼티 값이 될 수 있다. 자바스크립트의 함수 또한 프로퍼티 값이 될 수 있다. 프로퍼티의 값이 함수일 때는 일반적인 함수들과 ..