Notice
Recent Posts
Recent Comments
Link
컴퓨터는 잘못이 없다..
[JavaScript]함수의 return예약어, 함수 호출 실행 순서, document 객체 본문
Contents
접기
[return 예약어]
1.return 예약어
└함수를 호출하면 결과값을 return 해준다.
└return이 없거나 return 옆자리가 휑하면? undefined를 return해준다./또한 실행코드를 다 수행하고 함수가 종료된다.
└함수를 호출해 함수가 실행되다가 return을 만나면 함수가 종료된다. 종료된 후 함수를 호출 한 곳으로 돌아간다.
└함수를 호출하면 그 함수는 return값 그 자체가 된다.라고 생각하기!!!!★★★★★
ex) return 10 인 b()함수를 호출하면 b() 는 10(number type)이 된다.
ex) data = [{객체1},{객체2},{객체3}]이고
return data인 getData() 함수를 호출하면 getData()는
[{객체1},{객체2},{객체3}](array type)이 된다.
01)예제 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Step04_function4</title>
</head>
<body>
<script>
//return이 없는 경우 undefined를 리턴해준다.
function a(){
console.log("a() 함수 호출됨");
}
//return 10은 number type 10을 리턴해준다.
function b(){
console.log("b() 함수 호출됨");
return 10;
}
//return "kim"은 string type "kim"을 리턴해준다.
function c(){
console.log("C() 함수 호출됨");
return "kim";
}
//return mem1은 object type mem1을 리턴해준다.
function d(){
console.log("d()함수 호출됨");
let mem1 = {num :1, name: "김구라", addr:"노량진"};
return mem1;
}
//array type을 리턴해주는 함수
function e(){
console.log("e함수 호출됨");
let arr = ["김구라","해골","원숭이"];
return arr;
}
//object를 담고있는 array type인 data를 return해준다.
function getData(){
let data=[
{num : 1, name : "김구라", isMan : true},
{num : 2, name : "해골", isMan : false},
{num : 3, name : "원숭이", isMan : true}
];
return data;
}
</script>
</body>
</html>
02)실행 결과
→a(),b(),c(),d()함수 실행결과와 d().name 상세히 보기
★★★★★다시한번 정리하면
함수 참조는 - 함수이름 ex) d
함수 호출은 - 함수이름() ex) d()
object type 참조는 - 객체.~ ex) d().name
→e()함수 실행결과
→getData()함수 실행결과
[함수 호출 실행 순서와 return]
01) 함수 호출 실행 순서
02) 함수 호출에 따른 return값 차이점!!
[document 객체]
01) document 객체
document도 object type(객체)이다! 따라서 document.~으로 참조할 수 있다!
'공부 > JavaScript' 카테고리의 다른 글
| [JavaScript]document.querySelectorAll() 사용해보기 (0) | 2020.11.04 |
|---|---|
| [JavaScript]ECMA5,ECMA6버전 javascript, object type의 참조값을 매개변수로 가지고 있는 함수 만들기 (0) | 2020.11.04 |
| [JavaScript]매개 변수가 있는 Function (0) | 2020.11.04 |
'공부/JavaScript' Related Articles
more
Comments
