본문 바로가기
개발자일기/타입스크립트

함수에 type alias 지정하는 법

by 하린세상 2023. 5. 11.
반응형

📒 함수에 type alias 지정하는 법

1
2
3
4
5
type 함수타입 = (a :string) => number;
 
  let 함수 :함수타입 = (a)=>{
    return 10
  }
cs
1
2
3
4
5
6
7
//함수에 타입 정하기

let
 회원정보 = {
    name : 'kim',
    plusOne : (a :number) => {
      return a + 1
    },
    changeName : () => void
  }
cs

 

📒 타입스크립트로 html 변경하는 법

1
2
3
4
5
6
//html

<img id='image' src='test.jpg' />

//typescript

let 이미지 = document.querySelector('#image');
  if (이미지 instanceof HTMLImageElement) {
    이미지.src = 'change.jpg';
 }

//html상의 이미지를 타입스크립트로 바꾸려면
위처럼 type narrowing해줘야 한다.

cs

 

1
2
3
4
5
6
7
8
9
10
11
//html

<a className="naver" href='naver.com'>링크</a>
<a className="naver" href='naver.com'>링크</a>
<a className="naver" href='naver.com'>링크</a>

//typescript
let 링크 = document.querySelectorAll('.naver');
 
  링크.forEach(()=>{
    if (링크 instanceof HTMLAnchorElement) {
      링크.href = 'kakao.com';
    }
  })
cs

 

반응형

댓글