초보자를 위한 예제

이 섹션은 새로 리스크립트를 배우려는 분들을 위해 만들어졌습니다. 백문이 불여일견이라는 말이 있듯이, 예제를 보면 파악하시는데 도움이 될거라 믿고있습니다. 초보자를 위한 좋은 아이디어가 있다면 언제든지 제안해주세요!

"option" 타입 사용법 (10-Null-Undefined-and-Option)

let possiblyNullValue1 = None
let possiblyNullValue2 = Some("Hello")

switch possiblyNullValue2 {
| None => Js.log("Nothing to see here.")
| Some(message) => Js.log(message)
}

var possiblyNullValue1;
var possiblyNullValue2 = 'Hello';

if (possiblyNullValue2 !== undefined) {
  console.log(possiblyNullValue2);
} else {
  console.log('Nothing to see here.');
}

타입 매개변수 생성하기 (Generic)

type universityStudent = {gpa: float}

type response<'studentType> = {
  status: int,
  student: 'studentType,
}

/* Empty output */

자바스크립트 객체 생성하기

let student1 = {
  "name": "John",
  "age": 30,
}

var student1 = {
  name: 'John',
  age: 30,
};

아니면 레코드를 사용하세요.

type payload = {
  name: string,
  age: int,
}

let student1 = {
  name: "John",
  age: 30,
}

var student1 = {
  name: 'John',
  age: 30,
};

default export인 자바스크립트 모듈 모델링

자바스크립트 내보내기/가져오기를 보세요.

"option" 타입을 사용해 자바스크립트 nullable 타입 확인하기

일반적으로 인자에 null 또는 undefined가 전달 될 확률이 있다면 option으로 변환합니다. 리스크립트의 Js.Nullable 모듈의 헬퍼함수를 사용해 변환합니다. 이 케이스는 toOption을 사용합니다.

let greetByName = (possiblyNullName) => {
  let optionName = Js.Nullable.toOption(possiblyNullName)
  switch optionName {
  | None => "Hi"
  | Some(name) => "Hello " ++ name
  }
}

function greetByName(possiblyNullName) {
  if (possiblyNullName == null) {
    return 'Hi';
  } else {
    return 'Hello ' + possiblyNullName;
  }
}

위 코드조각은 자바스크립트 possiblyNullName == null로 컴파일 되므로 null/undefined을 검사할 수 있습니다.