함수 예약어 / 매개변수parameters와 인수arguments / 반환return / 객체데이터와 메소드method

펑션

🚨 함수 선언과 호출

특정 동작(기능)을 수행하는 일부 코드의 집합을 함수라 한다. 

// 함수 선언
function hello() {
  // 실행 코드
  console.log('hello')
}
// 함수 호출
hello() // hello

함수 선언 시 소괄호 앞에 이름의 유무에 따라 기명 함수 또는 익명 함수라 부른다.

function () {}			// 익명 함수
function sum() {}		// 기명 함수

🚨 함수 표현

함수를 변수에 담아 표기할 때는 함수 표현이라 한다. 익명 함수는 함수 호출을 할 수 없기 때문에 변수에 넣어 함수 표현한다.

const a = fucntion () {}

🚨 예약어 Reserved Word

고객님 이 테이블은 예약석입니다.

예약어는 특별한 의미를 가지고 있어 변수나 함수 이름 등으로 사용할 수 없는 단어다. 꽤 많으니 외우려하지 말고 익숙해지면 된다. 예약어를 이름으로 사용할 경우 SyntaxError가 난다.

보러가기

 

 

 

🚨 반환 return 

return키워드는 함수 밖으로 (1)데이터를 내보내기가 가능하고 내보내기 된 값을 변수에 할당할 수 있다. return이 사용된 부분에서 (2)함수가 종료됨을 의미하기도 한다.

 

📍 return키워드 사용 시 주의점

함수의 종료를 의미하기도 하므로 그 이하에 있는 코드는 실행되지 않고 반투명 처리된다.

return아래 코드 반투명 처리됨

 

 

 

🚨 arguments 객체 

 

📍 언제 사용하지?

함수에 매개변수가 없을 때 arguments라는 특정한 객체를 사용할 수 있다.

함수를 실행할 때 인수가 너무 많아 매개변수를 일일이 지정할 수 없을 경우 일괄적으로 사용한다.

 

📍 어떻게 사용하지?

제로베이스 개념을 사용하여 표현할 수 있다. arguments[0]

 

📍 하지만

직관적이지 않으므로 함수에 매개변수 이름을 지정해서 명시적으로 나타나는 것이 더 권장된다.

function sum() {
  console.log(arguments)
  return arguments[0] + arguments[1]
}
console.log(sum(7,3))

 

 

 

🚨 매개변수Parameters와 인수Arguments

인수는 함수 또는 메소드를 호출할 때 함수의 매개변수로 전달하는 값이다.

매개변수는 함수 혹은 메소드를 선언할 때 정의되는 변수로 데이터를 받아주는 매개체다.

 

 

 

🚨 객체 데이터와 메소드 Method

중괄호를 사용해 객체 데이터를 표현할 수 있다.

속성부분에 함수가 할당된 것을 메소드Method라 부른다.

 

*객체 지향 프로그래밍 : 객체를 사용하여 개체를 표현하는 방식

 

 

🚨 메서드 체이닝 Method Chaining

체인처럼 여러 메소드를 연결하는 방식이다.

const a = 'Hello~'
const b = a.split('').reverse().join('')

console.log(a)	// Hello~
console.log(b)	// ~olleH

split : 문자를 인수 기준으로 쪼개서 배열로 반환

reverse : 배열 뒤집기

join : 배열을 인수 기준으로 문자로 병합해 반환