728x90
🐣 함수의 선언 및 정의
// 함수 선언(정의)
function hello(name) {
let msg = `hello`;
if (name) {
msg += ` ${name}!!`;
}
console.log(msg);
}
hello("Mike"); // 함수 호출
🐣 변수
전역 변수
함수 바깥에 있는 변수
지역 변수
함수 내부에 있는 변수
- 함수 내부에서 전역변수의 값을 변경시키면 이후에도 유지된다.
let msg = "Hello";
console.log("함수 호출 전");
console.log(msg); // Hello
function hello(name) {
if (name) msg += `${name}!!`;
console.log("함수 내부");
console.log(msg); // Hello Mike!!
}
sayHello("Mike");
console.log("함수 호출 후");
console.log(msg); // Hello Mike!!
- 함수 내부에서 전역변수와 동일한 이름의 변수를 선언해도 서로 간섭받지 않는다.
let msg = "welcome";
console.log(msg); // welcome
function a() {
let msg = "hello";
console.log(msg); // hello
}
console.log(msg); // welcome
🐣 함수의 반환값(return)
리턴값이 없는 함수에서는 undefined가 반환된다.
function showError() {
alert("에러가 발생했습니다.");
return;
alert("이 알림은 절대로 실행되지 않습니다.");
}
const result = showError();
console.log(result); // undefined
반응형
'Frontend > Javascript' 카테고리의 다른 글
Javascript) 객체(Object), 배열(Array) (0) | 2022.08.28 |
---|---|
Javascript) 함수 선언 - 함수 선언문 vs 함수표현식 (0) | 2022.08.28 |
Javascript) 자료형과 형변환 (0) | 2022.08.28 |
Javascript) 변수, 호이스팅, TDZ(Temporal Dead Zone), 생성자 함수 (0) | 2022.08.28 |
JavaScript) 비동기처리(callback, promise, async, await) (0) | 2022.08.06 |