함수 선언 방법은 다양하다.
function test () {return "hello"}
var test = function() {return "hello"}
var test = () => {return "hello"}
위의 코드가 전부 함수를 선언할 수 있는 코드이다.
나중에 test변수를 호출하여 hello를 리턴하는 함수를 사용할 수 있다.
함수를 선언과 동시에 호출하는 방법도 있다.
var test = (function(){
return "hello"
}()) //함수를 선언과 동시에 실행한다.
위의 코드를 사용하면 함수를 선언함과 동시에 실행이 된다. 따라서 test변수에는 hello를 리턴하는 함수가 들어가는게 아니라 hello자체가 들어가게 된다.
(), {} 차이
var test = () => ("helo")
var test = () => {return "hello"}
위의 코드에서 (), {}로 나누어서 선언을 해보았다 둘다 hello를 리턴하는 함수이다.
()로 선언을 하면 return문을 적을 필요가 없다. 하지만 ()안에 적힌 내용은 무조건 적으로 리턴이 된다.
{}로 선언을 사면 return문을 적어야만 리턴을 한다. 하지만 {}은 리턴을 하지않아도 된다. 라는 차이점이 있다.
'react, react-native' 카테고리의 다른 글
React Style 적용 방법 (0) | 2023.04.11 |
---|---|
Rest Operator, Spread Operator (0) | 2023.04.11 |
React loop (0) | 2023.04.11 |
React Data Type (0) | 2023.04.11 |
react 이름 규칙과 변수 선언 (0) | 2023.04.11 |