정말 개발공부를 처음하는 입장으로써 공부를 하는 두달까지도 이해가 안되었던 매개변수, 인수를 정말 초초 심플하게 정리한다. 하.. 고구마 먹은듯한 체함이 내려간다..
ex)
funtion printFruit ( name ){
console.log( name )
}
printFruit (' apple ');
차례대로 뜯어보자.
funtion 은 함수를 부르는것. 시작을 알린다.
printFruit는 내가 호출할 때 부르는 이름값 이다. 아무이름이나 맘대로 지어도 된다.
console.log 은 내가 출력받고 볼수있게 제공해주는 코드블럭 이다.
{ } 로 밖에있는 건 printFruit (' apple '); 내가 호출 받고자 하는 것을 적는 호출란.
왜 이걸 막쓰면 되는데 왜 굳이 함수를 사용해서 매개변수, 인수를 적냐는 생각이 내생각이였다.
근데 함수라는것은 이 코드를 무한대로 막 써내려가면 유지보수도 힘들고 코드가 많아지니 복잡해져
무거워지겠지? 그래서 중복된 글자를 없애기 위해 사용된다고 보면된다.
그래서
매개 변수랑 인수가 뭔데?
같은 예제로 보자.
1. funtion printFruit ( name ){
console.log( name )
}
printFruit (' apple ');
( name ) 이게 매개변수
(' apple ') 이게 인수이다
내가 출력하고 싶은 apple이 "인수"이고
그것을 받는 name이라는 변수가 "매개 변수" 이다.
그래서 여러가지를 호출하고 싶다면
2. funtion printFruit ( name ){
console.log( name )
}
printFruit (' apple ');
printFruit (' banana ');
이렇게 작성하게 되면 apple과 banana가 name에 들어가 name을 호출하면
apple
banana가 출력된다.
그럼 문자열과 숫자형을 같이 나오게 하고싶다면
3. function printFruit (name , price) {
console.log (name+"은" , price+"원 입니다.")
}
printFruit ('apple' , 1000 );
이렇게 작성하면
name에는 apple이
price에는 1000이 들어가
apple은 1000원입니다. 가 출력된다.
여기서 끝? 아니다 배열과 객체가 있다.
이걸 응용하자면 [ 배열이란 이 안에 쫘라락 차례대로 들어가는것, ]
객체란 { 키 : 값으로 구성된다. }
배열
function printFruit(arr) {
console.log(arr[0]+"는"+ arr[1]"원"입니다.");
}
printFruit(['banana' , 2000]);
banana는 2000원입니다.
이렇게 출력한다.
객체
function printFruit(obj) {
console.log( obj.name + "은"+ obj.price "원" 입니다." );
}
printFruit ( { name : apple' , price : 2000 } );
apple은 2000원입니다.
이렇게 출력한다.
'javascript' 카테고리의 다른 글
javasctipt 로 간단한 퀴즈만들기 select 지정하는법과 클릭횟수 저장방법, 변수에 저장하기! (0) | 2024.02.13 |
---|---|
javascript로 button 만들어서 열고 닫기 만들기 (0) | 2023.12.04 |
setInterval() , clearInterval() 이란 무엇일까 (0) | 2023.11.06 |
자바스크립트 왕 기초 String( ) , Number ( ) , boolean ( ) 차이점이 뭐지? (0) | 2023.10.05 |
toLowerCase( ) , toUpperCase ( ) 대소문자 구별하는 메서드 (0) | 2023.09.25 |