국비지원 UX UI 디자인/코딩 수업

[수업노트](20.11.24)D+33 자바스크립트 함수/매개변수/개인모작

papiliofly 2020. 11. 29. 17:13
728x90

1. 함수

 

 - 값의 종류 : 실행할 수 없는 계열 - Number 숫자
                                             - String 문자열 
                                             - Boolean 논리값(true/false)
                                             - Object 객체


                  실행할 수 있는 계열 - Function함수

console.clear();

// 자판기(함수)를 만드는 행위
// 아래 중괄호({})의 의미 : 함수의 시작과 끝을 정의
// 아래 변수의 이름은 say를 함수명이라고도 한다.
var say = function() {
    console.log("== 함수 시작 ==");
    console.log("안녕하세요.");
    console.log("반갑습니다.");
    console.log("== 함수 끝 ==");
};

// say() => say 라는 변수안에 들어있는 데이터를 실행한다.
// 자판기(함수)를 실행하는 행위
say();
say();


결과값
"== 함수 시작 =="
"안녕하세요."
"반갑습니다."
"== 함수 끝 =="
"== 함수 시작 =="
"안녕하세요."
"반갑습니다."
"== 함수 끝 =="

  - 함수 만들기(정의)

var 함수1 = function() {
    console.log("함수1 실행됨");
};

함수1();

결과값
"함수1 실행됨"

2. 매개변수

console.clear();
function plus(a, b) {
    console.log(a + b);
}

plus(10, 20); // 30
plus(100, 200); // 300

function minus(a, b) {
    console.log(a - b);
}

minus(10, 20); // -10
minus(100, 200); // -100

- 변수를 정하지 않고 실행값에 따라 변수를 정할수 있음.

 

 

 

- 문제1. 매번 다르게 인사하는 함수를 만들어주세요

console.clear();

var hello = function(mode) { } 와 아래는 같은 뜻
function hello(mode) {
    var msg = "안녕하세요.";
    
    if ( mode == "태국어" ) {
        msg = "사와디캅";
    }
    else if ( mode == "영어" ) {
        msg = "헬로";
    }
    
    console.log(msg);
}


// "한국어" => 함수에게 넘기는 부가적인 정보, 인자

hello("한국어");
hello("태국어");
hello("영어");


결과값
"안녕하세요."
"사와디캅"
"헬로"
728x90