함수의 파라미터(매개변수)
: 함수의 파라미터(매개변수) 는 변수명을 지정해서 함수 영역 내부에 전달하는 역할을 함
특징
- 파라미터의 개수는 제한이 없으나 많으면 관리가 힘듬
- 파라미터 타입은 제한은 없지만, 전달된 타입을 그대로 받아 사용
- 파라미터로 전달되는 값의 순서, 개수, 유무 확인해 작성
- 파라미터의 변수명을 지정할 때, 외부의 변수명과 중복되어도 영향을 받지 않음
- 가급적으로 중복되지 않은 이름을 쓰는 것을 가독성을 위해 권장
사용 예시
1. 외부변수 / 내부변수 / 받은 변수로 출력하기
<body>
<h1>함수 파라미터</h1>
<script>
let name = '홍길순';
function callName(herName){
let hisName = '홍길동';
console.log('여자친구 이름: ', herName); // 외부변수 이름
console.log('남자친구 이름: ', hisName); // 내부변수 이름
console.log('여자친구의 다른이름: ', name);
}
callName('김영희');
// console.log(hisName); // 변수의 내부에서 선언된 변수 = 외부에서 사용 불가능
</script>
</body>
2. 파라미터로 이름과 취미 받아서 => 콘솔에 출력하기
<!-- 함수 만들기
파라미터로 이름과 취미 받아서 => 콘솔에 '홍길동은 축구를 좋아합니다' 출력 -->
<script>
function nameHobby(name,hobby){
console.log(`${name}은 ${hobby}를 좋아합니다`);
}
nameHobby('홍길동','축구');
</script>
3. 함수안에 함수 사용하기
<script>
function nameHobby(name,hobby){
console.log(`${name}은 ${hobby}를 좋아합니다`);
}
function iKnowHer(name,hobby){
nameHobby(name,hobby);
console.log('나는 그녀를 잘 알아요');
}
iKnowHer('정은','수영')
</script>
'JS > JS 공부' 카테고리의 다른 글
[JS] Object 객체 (0) | 2023.04.12 |
---|---|
[JS] arrow 화살표 함수 (0) | 2023.04.12 |
[JS] return 리턴 (0) | 2023.04.12 |
[JS] function 함수 (0) | 2023.04.12 |
[JS] dataType 데이터 타입, 자료형 (0) | 2023.04.12 |