🧁 인터페이스

 

🫘 인터페이스란

컴퓨터세상에서의 인터페이스는 상호간의 규칙이며, 타입스크립트에서는 여러가지 타입으로 이루어진 새로운 타입.
여러가지의 프로퍼티와 메소드들로 이루어질수 있음.  
클래스와 차이는 인스턴스를 새로 생성하지 않음

 

☕️ 인터페이스 생성

name과 age를 가진 PersonInterface를 생성한다

person2를 가지는 함수는 PersonInterface타입만 받을 수 있다.

그리하여 personObject는 name,age를 가진 객체를 person2함수의 매개변수로 넣어주었다.

이러한 방식으로 객체의 타입을 추론할 수 있다.

// 인터페이스 생성
interface PersonInterface{
    name:string,
    age:number
}

function person2(person:PersonInterface){
    console.log(person.name,person.age);
}

const personObject = {
    name:"최대건",
    age:32
}

person2(personObject)

 

 

🏈 인터페이스 선택적 프로퍼티

모든 인터페이스의 프로퍼티가 꼭 필수일 필요는 없다. 필수가 아닐 경우는 ?를 통해 선택적으로 사용할 수  있도록 한다.

//선택적프로퍼티
interface PersonInterface2{
    name?:string,
    age?:number
}

function person3(person:PersonInterface2): {fullName:String}{
    const newPerson = {
        fullName:""
    }
    if(person.name){
        newPerson.fullName += person.name
    }
    
    if(person.age){
        newPerson.fullName += "/"+person.age
    }
    return newPerson
}

person3({
    age:11
})

 

 

🏞 함수 타입

매개변수가 아닌 함수도 타입을 정할수가 있다.

//함수타입
interface SearchFunc{
    (source:string,subString:string):boolean
}
let mySearchFunc:SearchFunc
mySearchFunc = function(source:string,subString:string){
    let result = source.search(subString)
    return result > -1
}

// 함수타입2
interface searchFunc2{
    (num1:number,num2:number):boolean
}

const diffNumber:searchFunc2 =function(a,b){

    return a>b;
}

diffNumber(1,2)