JavaScript Functions

김서하·2021년 4월 6일
0

JavaScript

목록 보기
4/11
1. 함수 호출
   (함수 본문 또는 함수 선언에서 중괄호 사이의 모든 문장 실행)
   function greetWorld() {
    console.log('Hello, World!');
   }
    greetWorld();
  // Output: Hello, World!
             
2. 매개 변수 및 인수
   function sayThanks(name){
    console.log('Thank you for your purchase ' + name + '! We appreciate your business.');
   }
   sayThanks('Cole');
  // Output: Thank you for your purchase Cole!
             We appreciate your business.
            
3. 기본 매개 변수
   function greeting (name = 'stranger') {
    console.log(`Hello, ${name}!`)
   } 
   greeting('Nick') // Output: Hello, Nick!
   greeting() // Output: Hello, stranger!
   다른 예
   function makeShoppingList(item1='milk',    
   item2='bread', item3='eggs'){
    console.log(`Remember to buy ${item1}`);
    console.log(`Remember to buy ${item2}`);
    console.log(`Remember to buy ${item3}`);
   }
   
4. return 반환
    function rectangleArea(width, height) 
    {
      if (width < 0 || height < 0) {
        return 'You need positive integers to    
    calculate area!';
    }
      return width * height;
    }
    다른 예
    function monitorCount(rows, columns)
    {
    return rows * columns;
    }
    const numOfMonitors=monitorCount(5, 4);
     console.log(numOfMonitors); // 20
     
5. Helper 함수
   (다른 함수 내에서 호출되는 함수)
    function multiplyByNineFifths(number) 
    {
     return number * (9/5);
    };
 
    function getFahrenheit(celsius) {
     return multiplyByNineFifths(celsius) + 32;
    };
    getFahrenheit(15); // Returns 59
    다른 예
    function monitorCount(rows, columns) {
     return rows * columns;
    }
    function costOfMonitors(rows,columns){
     return monitorCount(rows, columns)*200;
    }
    const totalCost=costOfMonitors(5,4);
     console.log(totalCost); // Returns 4000
     
6. 함수 표현
   const plantNeedsWater = function(day) {
    if(day === 'Wednesday'){
     return true;
   } else
     return false;
   }
   plantNeedsWater('Tuesday');
   console.log(plantNeedsWater('Tuesday'));
  
7. 화살표 기능
   const rectangleArea = (width, height) => {
    let area = width * height;
    return area;
   };
   다른 예
   const plantNeedsWater = (day) => {
   if (day === 'Wednesday') {
      return true;
   }  else {
      return false;
   }
   };
   
8. 간결한 body 화살표 기능
   const squareNum = (num) => {
    return num * num;
   }; 를
   const squareNum = num => num * num; 로!
   
   const plantNeedsWater = day => 
    day === 'Wednesday' ?
    true : false;
   
profile
개발자 지망생 서하입니당

0개의 댓글