국비지원 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