공식 문서 / 언어 매뉴얼 / 개요
Edit

개요

JavaScript와 비교

세미콜론(Semicolon)

JavaScriptReScript
린터나 포매터에서 강제함세미콜론 필요하지 않음!

주석(Comments)

JavaScriptReScript
// Line comment같음
/* Comment */같음
/** Doc Comment *//** Before Types/Values */
/*** Standalone Doc Comment */

변수(Variable)

JavaScriptReScript
const x = 5;let x = 5
var x = y;동등한 항목 없음(다행히도)
let x = 5; x = x + 1;let x = ref(5); x := x.contents + 1

문자열 & 캐릭터(String & Character)

JavaScriptReScript
"Hello world!"같음
'Hello world!'문자열은 무조건 "사용
"hello " + "world""hello " ++ "world"
`hello ${message}`같음

불리언(Boolean)

JavaScriptReScript
true, false같음
!true같음
||, &&, <=, >=, <, >같음
a === b, a !== b같음
깊은(완전) 동일성 없음(재귀적 비교)a == b, a != b
a == b암시적 캐스팅을 수반한 동일성 없음 (다행히도)

숫자(Number)

JavaScriptReScript
3같음 *
3.1415같음
3 + 4같음
3.0 + 4.53.0 +. 4.5
5 % 3mod(5, 3)

* JS는 정수와 실수(float) 간의 차이가 없습니다.

객체/레코드(Object/Record)

JavaScriptReScript
타입 없음type point = {x: int, mutable y: int}
{x: 30, y: 20}같음
point.x같음
point.y = 30;같음
{...point, x: 30}같음

배열(Array)

JavaScriptReScript
[1, 2, 3]같음
myArray[1] = 10같음
[1, "Bob", true](1, "Bob", true) *

JavaScript의 이종 배열(heterogenous array)은 ReScript에서는 허용되지 않습니다. 대신에 튜플(tuple)의 사용을 권장합니다.

Null

JavaScriptReScript
null, undefinedNone *

* 재차 강조하지만, 단지 개념 상 동등할 뿐입니다. ReScript에서는 null도 없을뿐더러 null 버그도 없습니다! 그러나 null의 개념이 정말 필요한 경우에는 option 타입을 제공합니다.

함수(Function)

JavaScriptReScript
arg => retVal같음
function named(arg) {...}let named = (arg) => {...}
const f = function(arg) {...}let f = (arg) => {...}
add(4, add(5, 6))같음

블록(Blocks)

JavaScriptReScript 
const myFun = (x, y) => {
  const doubleX = x + x;
  const doubleY = y + y;
  return doubleX + doubleY
};
let myFun = (x, y) => {
  let doubleX = x + x
  let doubleY = y + y
  doubleX + doubleY
}

If-else

JavaScriptReScript
if (a) {b} else {c}if a {b} else {c} *
a ? b : c같음
switchswitch but super-powered pattern matching!

* ReScript에서 조건문은 언제나 식(expression) 입니다. 예시: let result = if a {"hello"} else {"bye"}

구조 분해 할당(Destructuring)

JavaScriptReScript
const {a, b} = datalet {a, b} = data
const [a, b] = datalet [a, b] = data *
const {a: aa, b: bb} = datalet {a: aa, b: bb} = data

* 컴파일러에서 data의 길이가 2가 아닐 수 있다는 좋은 컴파일러 경고를 제공합니다.

반복 또는 루프(Loop)

JavaScriptReScript
for (let i = 0; i <= 10; i++) {...}for i in 0 to 10 {...}
for (let i = 10; i >= 0; i--) {...}for i in 10 downto 0 {...}
while (true) {...}while true {...}

JSX

JavaScriptReScript
<Comp message="hi" onClick={handler} />Same
<Comp message={message} /><Comp message /> *
<input checked /><input checked=true />
자식 컴포넌트 스프레드 없음<Comp>...children</Comp>

* 인자 펀닝(punning)

예외 처리(Exception)

JavaScriptReScript
throw new SomeError(...)raise(SomeError(...))
try {a} catch (Err) {...} finally {...}try a catch { | Err => ...} *

* finally가 없습니다.

블록(Blocks)

{}으로 구분된 블록의 마지막 표현식은 암시적으로 반환됩니다(함수 본문 포함). JavaScript에서는 함수 본체(body)의 고유한 로컬 범위를 가지고 있기 때문에, 즉시 호출되는 함수 표현식을 통해서만 시뮬레이션해볼 수 있습니다.

JavaScriptReScript
let result = (function() {
  const x = 23;
  const y = 34;
  return x + y;
})();
let result = {
  let x = 23
  let y = 34
  x + y
}

공통 기능들(Common features)의 JavaScript 출력

기능(Feature)예시JavaScript 출력
문자열(String)"Hello""Hello"
문자열 보간(String Interpolation`Hello ${message}`"Hello " + message
캐릭터(Character) - 비추천'x'120 (char code)
정수(Integer)23, -2323, -23
실수(Float)23.0, -23.023.0, -23.0
정수 덧셈(Integer Addition)23 + 123 + 1
실수 덧셈(Float Addition)23.0 +. 1.023.0 + 1.0
정수 나눗셈/곱셈(Integer Division/Multiplication)2 / 23 * 12 / 23 * 1
실수 나눗셈/곱셈(Float Division/Multiplication)2.0 /. 23.0 *. 1.02.0 / 23.0 * 1.0
실수 거듭제곱(Float Exponentiation)2.0 ** 3.0Math.pow(2.0, 3.0)
문자열 연결(String Concatenation)"Hello " ++ "World""Hello " + "World"
비교(Comparison)>, <, >=, <=>, <, >=, <=
불리언 연산(Boolean operation)!, &&, ||!, &&, ||
얕은 동일성, 깊은 동일성(Shallow and deep Equality)===, =====, ==
리스트(List) - 비추천list{1, 2, 3}{hd: 1, tl: {hd: 2, tl: {hd: 3, tl: 0}}}
리스트 앞에 값 추가(List Prepend)list{a1, a2, ...oldList}{hd: a1, tl: {hd: a2, tl: theRest}}
배열(Array)[1, 2, 3][1, 2, 3]
레코드(Record)type t = {b: int}; let a = {b: 10}var a = {b: 10}
여러 줄 주석(Multiline Comment)/* Comment here */출력에 나오지 않음
한 줄 주석(Single line Comment)// Comment here출력에 나오지 않음

이 표는 정화 작업을 거친 비교표이므로, 몇몇 예시의 JavaScript 출력은 실제로 약간 다른 점을 명시하세요.