[Basic] JavaScript 함수

8129 단어 JavaScriptJavaScript

2. JavaScript 함수

  • 특정 동작(기능)을 수행하는 일부 코드의 집합
  • 일종의 데이터

1. function

  • 함수 선언
function hello() {
  // 실행 코드
  console.log (3456);
}

//함수 호출
hello(); // 3456

2. return

  • 함수 내에서 특정한 값 반환
  • 아래와 같이 return 이라는 키워드를 사용하여 JavaScript의 데이터를 함수 밖으로 내보내기 할 수 있다. 이렇게 내보내진 데이터를 let을 사용하여 새로운 a라는 변수에 할당하여 추가적으로 사용이 가능하다.
function num(){
  return 123; 
}

let a = num();
console.log (a); // 123

3. 매개변수와 인수

  • 매개변수 (Parameters) 란 들어온 데이터들을 함수가 받아 내부에서 처리하여 다시 밖으로 내보내주는데 (return) 이러한 데이터를 받는 함수 내에서 사용하는 변수, 즉 데이터를 받아주는 매개체가 되어주는 변수이다. 그러므로 해당 변수는 함수 내에서만 사용이 가능하다.
  • 인수 (arguments) 는 함수를 실행 (호출) 할 때 매개변수가 받아줄 특정한 데이터, 쉽게 말해 함수를 실행할때 들어가는 데이터
function sum (a,b) { //a와 b는 매개변수
  return a+b 
}

let a = sum(1,2); // 1과 2는 인수
let b = sum(3,4); 

console.log (a, b, c); // 3,7

4. 기명함수

  • 이름이 있는 함수

5. 익명함수

  • 이름이 없는 함수
  • 이름이 없기 때문에 주로 변수에 할당한다.
// 함수 선언
function hello () {
  console.log ('hello!');
}
// 함수 표현
let world = function() {
  console.log ('world');
}

// 함수 호출
hello(); // hello!
world(); // world

6. 메소드

  • 객체 데이터 내부에서 하나의 속성 부분에 함수라는 데이터를 할당하는것
  • 즉, 객체 데이터 내부의 속성 부분에 함수가 할당되어 있으면 메소드
// 객체 데이터 
const rookie = {
  name: 'urim',
  age: 20,
// 메소드
getName: function () {
  return this.name;
}
};

const hisName = rookie.getName();
console.log(herName); // urim
// 혹은
console.log(rookie.getName()); // urim

좋은 웹페이지 즐겨찾기