본문 바로가기

javascript function3

[ 모던 자바스크립트 스터디 ] 생성자 함수에 의한 객체 생성 객체는 객체 리터럴 이외에도 다양한 방법으로 생성할 수 있다. 이 포스팅에서는 생성자 함수를 이용해 객체를 생성하는 방식을 다루도록 하겠다. Object 생성자 함수 const a = new Object(); 위와 같이 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성해서 반환한다. 이후 프로퍼티를 추가하거나, 메서드를 추가하는 등의 행위도 가능하다. 생성자 함수는 new 연산자와 함께 호출해 객체를 생성하는 함수이고, 이 생성자 함수에 의해 생성된 객체를 인스턴스라 칭한다. 자바스크립트는 Object 외에도 String, Number, Boolean, Function, Array, Date, RegExep, Promise 등의 빌트인 생성자 함수를 제공한다. function Ci.. 2022. 9. 24.
[ 모던 자바스크립트 스터디 ] 함수 호출 함수 호출 함수 호출 연산자 내에는 0개 이상의 인수를 쉼표로 구분해서 나열하고, 함수 호출 시 실행 흐름을 중단하고 호출된 함수로 제어권이 넘어간다. 이때 매개변수에 인수가 순서대로 할당되고 함수 몸체의 문들이 실행되기 시작한다. 매개변수, 인수 인수는 실제 함수에 넘어가는 값이며, 전달되어 매개변수에 할당된다. 매개변수는 함수를 정의할 때 선언하며, 함수 몸체 내부에서 변수와 동일하게 취급된다. 매개변수는 함수 몸체 내부에서만 참조할 수 있고, 함수 몸체 외부에서는 참조 불가능하다. 즉 매개변수의 스코프는 함수 내부라는 것이다. 함수는 매개변수의 개수와 인수의 개수가 일치하지 않는지 체크하지 않는다. 만약 인수가 부족해서 인수가 할당되지 않는다면 해당 매개변수는 undefined 값을 가진다. 매개변.. 2022. 9. 18.
[ 모던 자바스크립트 스터디 ] 함수 선언/ 함수 표현/ Function/ 화살표 함수 자바스크립트에서는 함수도 객체이다. 함수 정의 함수를 정의하는 방법에는 4가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 화살표 함수 함수 선언문 function add(x, y) { return x + y; } console.dir(add); consolg.log(add(3, 10)); console.dir 은 함수 객체의 프로퍼티까지 출력해준다. 함수 선언문은 함수 리터럴과는 달리 함수 이름을 생략할 수 없다는 걸 알고 있자. 함수 선언문은 표현식이 아닌 문이다. 표현식이 아닌 문은 변수에 할당할 수 없는데, 함수 선언문도 표현식이 아닌 문이므로 변수에 할당할 수 없다. 엥? 되는데요? 이게 되는 이유는 자바스크립트 엔진이 코드 문맥에 따라 함수리터럴을 표현식이 아닌 문인 함수 선.. 2022. 9. 18.