[JavaScript] - 함수

✍🏻 기본문법
: 함수명 뒤에 괄호를 넣어 호출

function sayHello(name){
  console.log(`Hello, ${name}`);
 }

🎈함수작성

function showError(){
  alert('에러가 발생했습니다. 다시 시도해주세요.');
}
showError();

결과값👇🏻

🎈매개변수가 있는 함수작성

function sayHello(name){
  const msg = `Hello, ${name}`;
  console.log(msg);
}
sayHello('Mike');

결과값👇🏻

✔ 만약 로그인하지않아서, 사용자의 이름을 모를때

function sayHello(name){
  const msg = `Hello, ${name}`; 👈🏻조건문으로 처리
  console.log(msg);
}
sayHello();

---

🙆🏻‍♀️ 최종작성

function sayHello(name){
  let msg = 'Hello';
  if(name){
  msg += ' ,' + name; 👈🏻 = msg += `,${name}` 
  }
  console.log(msg);
}
sayHello();
sayHello('Mike');

👇🏻 구현화면

let msg = 'Hello'; 👈🏻 전역변수
console.log('함수 호출 전');
console.log(msg);

function sayHello(name){
  if(name){
  msg += `,${name}` 
  };
  console.log('함수 내부');
  console.log(msg);
}
sayHello('Mike');
console.log('함수 호출 후');
 console.log(msg);

👇🏻 구현화면

✔ 지역변수 : 함수 내부에서만 사용가능(locla varable)
✔ 전역변수 : 어디서나 접근가능한 함수(global varable)

ex)

let msg = "welcome"; 👈🏻 전역변수
console.log(msg);

function sayHello(name){
  let msg = "Hello"; 👈🏻 지역변수
  console.log(msg + ' ' + name);
}

sayHello('Mike');
console.log(msg);

ex)

let name = "Mike";

function sayHello(name){
  console.log(name);
}

sayHello(); 👈🏻 매개변수로 받은값은 복사된 후, 함수의 지역변수가 됨
sayHello('Jane');

ex) OR

function sayHello(name){
  let newName = name || 'friend';
  let msg = `Hello, ${newName}`;
  console.log(msg);
}

sayHello();
sayHello('Jane');

default값 설정 = 결과동일

function sayHello(name = 'friend' ){ 👈🏻기본값설정
  let msg = `Hello, ${name}`;
  console.log(msg);
}

sayHello();
sayHello('Jane');

ex) return으로 값 반환

function add(num1, num2){
  return num1 + num2;
}

const result = add(2,3);
console.log(result);

✔ 한번에 한 작업에 집중
✔ 읽기 쉽고 어떤 동작인지 알 수 있게 쉽게 네이밍