반응형
자바스크립트 함수부분을 함께 공부해보아요 - !
1) 함수를 표현하는 방식
함수를 표현하는 방식은 크게 2가지로 선언식과 표현식이 있습니다.
1-1) 선언식
선언식은 말그대로 hello라는 함수를 선언하는 것 입니다.
function hello(){
console.log('hello')
}
hello()
또한 선언식은 호이스팅에 영향을 받습니다. 이는 간단하게 함수를 선언하기 전 함수를 호출해도 호이스팅 형식으로 끌어올려 불러올 수 있습니다. 아래 예를 보시면 확실히 이해가 갑니다 ^_^
1-2) 표현식
표현식은 함수를 변수에 넣는 것 처럼 표현이 됩니다.
const hello=function(){
console.log('hello')
}
hello()
선언식과 다르게 표현식은 호이스팅에 영향을 받지 않습니다.
선언식과 표현식에는 각자 장점과 단점들이 존재하겠지만, 이를 정확히 알고 코드를 구성하는 것이 중요할 것 같습니다 : )
더욱 자세한 정보는 아래 사이트를 참고하세요!
함수 표현식 vs 함수 선언식
(기본) 자바스크립트 함수 표현식과 함수 선언식에는 어떠한 차이점이 있는지 알아봅니다.
joshua1988.github.io
2) 함수의 변수, 밖에서 사용 불가!
함수의 변수는 C언어에서 배운 것대로 말하자면 지역변수이기 때문에 함수가 끝나면 변수는 없어집니다.
function plus(a,b){
var result=a+b
return result
}
console.log(result)
result
다음과 같은 코드를 실행해보면, 함수는 잘 돌아가지만, 함수 밖에서 함수 안에 변수를 불러오기는 불가능하다는 것을 알 수 있습니다.
더 궁금한 내용은 댓글에 남겨주세요!
함께 고민해보았으면 좋겠습니다.
끝!
반응형
'프로그래밍 언어 > Javascript' 카테고리의 다른 글
드림코딩 엘리와 함께하는 자바스크립트 기초 다지기 : 1. Node.js 다운받기 (0) | 2021.11.04 |
---|---|
인프런으로 자바스크립트 기초 다지기 : 3. 콜백함수 & 익명함수 (2) | 2021.07.26 |
인프런으로 자바스크립트 기초 다지기 : 4. 반복문 (0) | 2021.07.24 |
인프런으로 자바스크립트 기초 다지기 : 2. 연산자 | 조건문 (0) | 2021.07.16 |
인프런으로 자바스크립트 기초 다지기 : 1. 자료형 | 배열 | 객체 (0) | 2021.07.02 |