귀농 전까지 쓰는 개발 일지

[JavaScript] function(1)-형태/기본값/가변인자 본문

공부/JavaScript

[JavaScript] function(1)-형태/기본값/가변인자

한호잉 2022. 1. 17. 14:56

(1) 형태

//1. 기본 형태
function name (param1, param2){
       return; 
}


//2. 기본 자료형: 값 전달 
function changeName(name){
       name = 'tom';
}
const name = 'john';
changeName(name); 
console.log(name);  // john  출력


//3. 참조 자료형(객체) : 참조(주소) 전달
function changeNameByObject(obj) {
      obj.name = 'tom';
}
const user = { name: 'john' };
changeNameByObject(user); 
console.log(user);   // {name: "tom"} 출력
 
 

 

(1)-2. from='unknown' 기본 값 지정

//기본 값 지정 
function unknownFunc(message, from='unknown'){
     console.log(`${message}, ${from}`);
}
       unknownFunc('unknown', 'Test');
 

 

 

 

(1)-3. 가변인자 (Rest Parameter)

//가변인자 ...args
function argsFunc(...args){
    //기본 for문 사용
    for (let i = 0; i < args.length; i++) {
        console.log(args[i]);   // H O I 출력
        }

    //const ... of ... 사용
    for (const arg of args){
           console.log(arg);   // H O I 출력
       }

    //forEach 사용 ( callBack함수 )
     args.forEach( (arg) => console.log(arg) );      // H O I 출력 
   }

argsFunc('H','O','I');
 

 

'공부 > JavaScript' 카테고리의 다른 글

[JavaScript] 배열  (0) 2022.01.17
[JavaScript] 자료형  (0) 2022.01.17
[JavaScript] function(3) - IIFE / Closure  (0) 2022.01.17
[JavaScript] function(2) - 활용, Arrow Function  (0) 2022.01.17
[JavaScript] 개요_출력  (0) 2022.01.17