發(fā)現(xiàn)我們 RN 項目中，有.tsx，.ts，.style.ts 不同的文件，主要是有點混用啦

一、什么是 TypeScript

Typed JavaScript at Any Scale.
添加了類型系統(tǒng)的 JavaScript，適用于任何規(guī)模的項目。

• 類型系統(tǒng)
  這樣的類型系統(tǒng)體現(xiàn)了 TypeScript 的核心設計理念^[6]：在完整保留 JavaScript 運行時行為的基礎上，通過引入靜態(tài)類型系統(tǒng)來提高代碼的可維護性，減少可能出現(xiàn)的 bug。

• 適用于任何規(guī)模

  • TypeScript 增強了編輯器（IDE）的功能，包括代碼補全、接口提示、跳轉到定義、代碼重構等，這在很大程度上提高了開發(fā)效率
  • TypeScript 還可以和 JavaScript 共存

引用：什么是 TypeScript

二、.tsx，.ts，.style.ts 的區(qū)別

• .js 是javascript文件的擴展名，例如 main.js。
• .jsx 是javascript文件并表明使用了JSX語法。
• .ts 是 typescript 文件的擴展名
• .tsx 表明是 typescript 文件并使用了JSX語法。

JSX 就是Javascript和XML結合的一種格式。
React發(fā)明了JSX，利用HTML語法來創(chuàng)建虛擬DOM。
當遇到<，JSX就當HTML解析，遇到{就當JavaScript解析。JSX 只是為 React.createElement(component, props, …children) 方法提供的語法糖。
React 自創(chuàng)了JSX語法，是一個 JavaScript 的語法擴展，官方建議在 React 中配合使用 JSX 來替代原始的 JS。因為JSX 可以更好的描述 UI 應該呈現(xiàn)出它應有交互的本質形式。JSX 看起來有點類似模版語言，但它具有 JavaScript 的全部功能。但是React的JSX語句并非js語言的標準語句（如果使用編輯器默認的js解析方案其實是會報錯的，現(xiàn)在編輯器允許你選擇不同的解析方案），但是后綴為.jsx，一般編輯器默認就用React的方式解析了。

基本上用哪個后綴名都一樣，只要編譯器/打包等構建工具/IDE能正確識別處理好，最后生成正常運行工作的js就好。

引用：.tsx是什么

So，我們默認:

• ts 最簡單的typescript 文件，類似接口模型類
• tsx 使用了JSX語法的typescript 文件，類似視圖顯示類
• .style.ts 這個一般是表明 布局的單獨使用文件