Front/JavaScript7 Java Script 기본 문법(5) 자바 스크립트의 화살표 함수(Arrow Function)에 대해 알아보자. 화살표 함수는 ES6에서 추가된 개념으로, 함수를 심플하게 정의할 수 있도록 해준다. 형태는 (매개변수) =>{명령어}와 같고 작성 순서는 다음과 같다. function 키워드를 삭제하고, () 안에 함수가 사용할 파라미터 이름을 작성한다. 그 후 화살표인 => 를 입력하고, { } 를 작성하고 블록 안에 함수가 실행할 코드를 작성하는 것이다. 같은 기능의 함수를 화살표 함수로 작성한 코드이다. 출력결과는 다음과 가타. 또 매개변수가 하나일 경우에는 () 를 생략할 수 있다. 여기에 더해, 실행 문장이 하나일 경우 { }을 생략할 수 있다. 또한 실행되는 하나의 문장이 return 문일 경우에는 return 키워드를 생략해야 한다. 2023. 5. 3. Java Script 기본 문법(4) 함수의 매개변수에 대해 알아보자. 자바스크립트에서 함수는 호출 시에 매개변수의 영향을 받지 않는다. 이는 함수 내부의 arguments 라는 프로퍼티를 이용해서 매개변수의 처리가 가능하기 때문이다. 우선 함수에 전달된 인자와 매개변수의 개수는 같지 않아도 작동된다. 매개변수의 개수보다 인자가 적을 때는 넘어오지 않은 값을 undefined로 표시하고, 매개변수의 개수보다 초과된 인자는 무시한다. 위와 같은 함수에 인자를 차례대로 전달해보면 다음과 같이 출력된다. 이와 같이 함수에 넘어오는 인자의 개수를 확인하고 이에 따라 동작을 다르게 해 줄 수 있는데, 이를 가능하게 하는 게 바로 arguments다. arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체다. array와 비슷하.. 2023. 5. 3. Java Script 기본 문법(3) 이번에는 자바스크립트 함수에 대해 알아보자. 자바스크립트에서 함수는 객체 타입으로 값처럼 사용이 가능하다. 따라서 함수를 변수에 대입하거나 매개 변수로 넘길 수 있다. 또한 배열의 요소에 넣거나 객체의 프로퍼티로 설정이 가능하고, 매개 변수의 개수가 일치하지 않아도 호출이 가능하다는 특징이 있다. 자바스크립트에서 함수는 일급 객체에 해당하는데, 이 일급 객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 말한다. 일급 객체의 조건은 다음과 같다. 변수에 할당 가능하고, 함수의 매개 변수로 전달할 수 있고, 함수의 반환 값으로 사용 가능해야 한다. 아무튼 자바스크립트에서 함수의 특징은 위와 같다. 그렇다면 함수는 어떻게 만들고 어떻게 사용할까 우선 함수를 만들 때는 선언식과 표현식을 .. 2023. 5. 3. Java Script 기본 문법(2) 자바 스크립트의 객체에 대해 알아보자. 자바스크립트의 객체는 키(key)와 값(value)로 이뤄진 프로퍼티(property)의 집합이다. 또한 객체는 prototype이라는 특별한 프로퍼티를 갖고 있다. 자바 스크립트는 클래스라는 개념이 없기 때문에 기존의 객체를 복사하여 새로운 객체를 생성하는 프로토 타입 기반의 언어이다. 따라서 자바스크립트의 모든 객체는 자신의 부모 객체, 즉 Prototype 객체와 연결되어 있다. 이건 나중에 알아보기로 하고, 그럼 객체는 어떻게 만들까 객체를 만들 때는 객체 리터럴(프로그래밍에서 자룔를 표기하는 방식)을 이용하거나({ }), Object 생성자인 "new Object()"를 사용하거나 생성자 함수를 사용하는 방법이 있다. 이런 식으로 객체를 만들 수 있고, 출.. 2023. 5. 3. 이전 1 2 다음
