💧JS:Functions

🌈Function

구성요소

1. 함수의 이름 (식별자)
2. 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter)
 매개변수(parameter)란 함수를 호출할 때 인수(argument)로 전달된 값을
 함수 내부에서 사용할 수 있게 해주는 변수이다
3. 중괄호({})로 둘러싸인 자바스크립트 실행문

문법

function 함수이름(매개변수1, 매개변수2,...) 
{
    함수가 호출되었을 때 실행하고자 하는 실행문;
}
반환문 return 사용가능
함수를 중지시키고 해당 값을 호출자에게 반환
반환문은 배열이나 객체를 포함한 모든 타입의 값을 반환할 수 있다

자바스크립트에서 함수는 문법적 구문일뿐만 아니라 값(value)이기도 하다
따라서 함수가 변수에 대입될 수도 있으며, 다른 함수의 인수로 전달될 수도 있다

🌈Function scope

const creature = "Common Sea Dragon";
 
function scubaDive()
{
    const creature = "Spanish Dancer"; 
    console.log(creature);
}
 
scubaDive();

+) 1. scubaDive 함수를 호출했을 뿐 함수 바깥과 안은 별개이다
때문에 console.log(creature)는 함수 내부의 정의에 영향을 받고
출력값은 "Spanish Dancer"가 된다

2. 또한 함수 내부에서 정의된 값은 당연하게도 함수 내부에서만 적용된다 때문에 scubaDive() 바로 윗줄에 creature를 출력하게 되면 출력값은 "Common Sea Dragon"이 된다

🌈var and let scope

for(let i =0;i<5;i++)
{
  let msg = "ASD";
  console.log(msg);
}
console.log(msg);

+)msg변수는 let으로 선언되어 for문 안에서만 적용된다
때문에 for문 바깥에 있는 msg 변수내용은 출력되지 않는다

for(let i =0;i<5;i++)
{
  var msg = "ASD";
  console.log(msg);
}
console.log(msg);

+)msg변수는 var로 선언되어 for문 밖에서도 적용된다
때문에 for문 바깥에 있는 msg 변수내용은 출력된다

이런 차이점으로 인한 오류 발생 여지때문에 var사용을 지양하는 것이다

🌈more function (함수를 변수로 지정, 고차함수, 반환함수,

함수를 변수로 지정할 수 있다
ex) const add = function(x,y)
{
  return x+y;
}
input add(x,y)

고차 함수
function callTwice(func){
  func();
  func();
}

function rollDie(){
  const roll = Math.floor(Math.random() *6) +1
  console.log(roll)
}

callTwice(rollDie)

반환 함수
함수안에 return 값으로 함수를 호출하는 것

🌈Methods

메서드는 객체에 종속된 특성으로 함수에 포함되는 개념
모든 메서드는 함수이지만 모든 함수가 메서드 인것은 아니다 

method선언 (중괄호,쉼표(,),콜론(:)) 사용

ex) const myMath = {
  PI : 3.14159,
  square(num) {
    return num*num;
  }, 
  cube(num) {
    return num ** 3;
  }
}

호출 
myMath.cube(2)

💧This

this의 값은 함수를 호출하는 방법에 의해 결정된다
this 키워드는 사용 방법에 따라 다른 개체를 참조한다

1. 객체메서드에서는 this가 객체를 참조
2. 단독으로 쓰일 때, this가 전역 객체를 나타냄
3. 함수에서는 this가 전역 객체를 나타냄

일단은 이 정도만 짚고 다음에 돌아오자

자세한 내용은 설명이 잘되어 있는 이 곳을 참조 https://velog.io/@harimad/JavaScript%EC%97%90%EC%84%9C-this-%ED%82%A4%EC%9B%8C%EB%93%9C%EB%9E%80

🌈Try and Catch

예외처리

try {
    예외를 처리하길 원하는 실행 코드;
} catch (ex) {
    예외가 발생할 경우에 실행될 코드;
} finally {
    try 블록이 종료되면 무조건 실행될 코드;
}

try 블록 = 필수
catch,finally 블록 = 선택

throw - 예외를 발생시키는 키워드이다 
표현식에는 예외 코드를 나타내는 숫자(Number)나 오류 메시지를 담고 있는 문자열(String),
Error 객체(Object) 등이 올 수 있다.