#3 함수 (function)

function 사용법

// 함수

// 매개변수 타입지정, 반환타입 괄호 뒤에 타입지정
function add(num1:number, num2:number) : number {
    return num1+num2;
}
let c=add(10, 20);
console.log(c);


function isAdult(age: number) : boolean {
    return age>19;
}
console.log(isAdult(22));


// 매개변수 optional (?)

function hello(name?: string) {
    return `Hello, ${name || "world"}`;    
}

const result = hello();
const result2 = hello('Kim');
// const result3 = hello(123); // 타입오류

// 매개변수 초기값을 지정하면 optional과 동일한 결과
function hello2(name="world"){
    return `Hello, ${name}`;    
}

------------------------------------------------------------------

"use strict";
// 함수
// 매개변수 타입지정, 반환타입 괄호 뒤에 타입지정
function add(num1, num2) {
    return num1 + num2;
}
let c = add(10, 20);
console.log(c);

function isAdult(age) {
    return age > 19;
}
console.log(isAdult(22));

// 매개변수 optional (?)
function hello(name) {
    return `Hello, ${name || "world"}`;
}
const result = hello();
const result2 = hello('Kim');
// const result3 = hello(123); // 타입오류

// 매개변수 초기값을 지정하면 optional과 동일한 결과
function hello2(name = "world") {
    return `Hello, ${name}`;
}

------------------------------------------------------------------

[LOG]: 30 
[LOG]: true

 

다중 매개변수에서  optional 은 앞에 위치 하면 안됨

// 다중 매개변수에서 optional은 맨 뒤에 위치해야함
// function hello(age?: number, name: string ):string
// optional 이 앞에 오면 오류발생
function hello(name: string, age?: number ):string {
    if(age !== undefined){
        return `Hello, ${name}. You ar ${age}.`;
    } else {
        return `Hello, ${name}`;
    }
}

console.log(hello("Kim"));
console.log(hello("Kim", 30));

-------------------------------------------------------------

"use strict";
// 다중 매개변수에서 optional은 맨 뒤에 위치해야함
// function hello(age?: number, name: string ):string
// optional 이 앞에 오면 오류발생
function hello(name, age) {
    if (age !== undefined) {
        return `Hello, ${name}. You ar ${age}.`;
    }
    else {
        return `Hello, ${name}`;
    }
}
console.log(hello("Kim"));
console.log(hello("Kim", 30));

-------------------------------------------------------------

[LOG]: "Hello, Kim" 
[LOG]: "Hello, Kim. You ar 30."

 

나머지 매개변수 (...변수)

// 나머지 매개변수의 경우에도 타잉[] 배열 로 표현
// reduce 메소드는 누적기
function add(...nums : number[]) {
    return nums.reduce((result, num)=>result+num, 0);
}

console.log(add(1,2,3)); 
console.log(add(1,2,3,4,5,6,7,8,9,10));

----------------------------------------------------------------

"use strict";
// 나머지 매개변수의 경우에도 타잉[] 배열 로 표현
function add(...nums) {
    return nums.reduce((result, num) => result + num, 0);
}
console.log(add(1, 2, 3));
console.log(add(1, 2, 3, 4, 5, 6, 7, 8, 9, 10));

----------------------------------------------------------------

[LOG]: 6 
[LOG]: 55

 

object 에서 this 사용법

// object 에서 this 사용법
interface User {
    name: string;
}

const Sam : User = {name: 'Sam'};

function showName(this:User, age:number, gender:'m'|'f'){
    console.log(this.name);
}

const a = showName.bind(Sam);
a(25, 'm');

----------------------------------------------------------------------

"use strict";
// object 에서 this 사용법
const Sam = { name: 'Sam' };
function showName(age, gender) {
    console.log(this.name);
}
const a = showName.bind(Sam);
a(25, 'm');

----------------------------------------------------------------------

[LOG]: "Sam"

 

- this.User 매개변수는 제일 앞에 위치해야함.

 

함수 오버로딩 (Function Overloading)

// 함수 오버로딩

interface User {
    name: string;
    age: number;
}

// 함수 선언부를 겹쳐서 매개변수 타입별로 오버로드
// age에 number 형, string 형 2가지 모두 받을 수 있고 타입에 따라 함수를 실행
function join(name:string, age:string) : string;
function join(name:string, age:number) : User;
function join(name:string, age:number | string) : User | string {
    if(typeof age==="number"){
        return {
            name,
            age,
        };
    } else {
        return "나이는 숫자로 입력해 주세요!";
    }
}

// 객체생성
const kim : User = join("Kim", 33);
const lee : string = join("Lee", "33");

console.log(kim);
console.log(lee);

-----------------------------------------------------------------------------

"use strict";
// 함수 오버로딩
function join(name, age) {
    if (typeof age === "number") {
        return {
            name,
            age,
        };
    }
    else {
        return "나이는 숫자로 입력해 주세요!";
    }
}
// 객체생성
const kim = join("Kim", 33);
const lee = join("Lee", "33");
console.log(kim);
console.log(lee);

-----------------------------------------------------------------------------

[LOG]: {
  "name": "Kim",
  "age": 33
} 
[LOG]: "나이는 숫자로 입력해 주세요!"