.js/.jsx/.ts/.tsx

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

JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。

JSX 只是为React.createElement(component, props, …children) 方法提供的语法糖。React 自创了JSX语法，是一个 JavaScript 的语法扩展，官方建议在 React 中配合使用 JSX 来替代原始的 JS。因为JSX 可以更好的描述 UI 应该呈现出它应有交互的本质形式。JSX 看起来有点类似模版语言，但它具有 JavaScript 的全部功能。但是React的JSX语句并非js语言的标准语句（如果使用编辑器默认的js解析方案其实是会报错的，现在编辑器允许你选择不同的解析方案），但是后缀为.jsx，一般编辑器默认就用React的方式解析了。

TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言。TypeScript 是 JavaScript 的一个超集，扩展了 JavaScript 的语法，是一种给 JavaScript 添加特性的语言扩展，增加了静态类型、类、模块、接口和类型注解方面的功能。支持 ECMAScript 6 标准。

TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。

JavaScript 和 TypeScript 的主要差异：

TypeScript 可以使用 JavaScript 中的所有代码和编码概念，TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。例如，TypeScript 使用类型和接口等概念来描述正在使用的数据，这使开发人员能够快速检测错误并调试应用程序。
TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。
JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作，同时可以使用编译器将 TypeScript 代码转换为 JavaScript。
TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 中的数据要求带有明确的类型，JavaScript不要求。
TypeScript 为函数提供了缺省参数值。
TypeScript 引入了 JavaScript 中没有的“类”概念。
TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。

.js/.jsx/.ts/.tsx相关推荐

(005)RN开发 js jsx ts tsx的区别
背景:在入门RN开发的过程中,发现公司项目代码中,有的项目是全是.js的后缀文件.有的项目全是ts.tsx.js 文件.心中很是疑惑,所以就写个文章记录下自己的解惑的过程. js:是弱类型语言,容易出 ...
Typescript助力项目开发：JS切换TS、TS类型定制与思考
TS已经成为可以帮助项目顺利开发的存在了.在上半年笔者就被要求采用TS开发新的项目,并在一些老项目中用TS去改造(因为沟通原因我以为某个远程组件只有TS版本).在其中也有了一些思考. 首先是目录结构. ...
class ts 扩展方法_如使用Typescript撸Vue（Vue2 + TS +TSX+CSS module）
Vue对TS的支持一致不太好,连Vue作者尤大也自嘲真香压错了宝.期待Vue3.0会用TS重构且会有较大改进.不过目前有一些第三方的库可以曲线优化对TS的支持.主要就介绍下过下面两个库来写Vue. 总 ...
VUE3/TS/TSX入门手册指北
VUE3入门手册 vue3入门首先查看官方文档:https://cn.vuejs.org/guide/quick-start.html 如果有vue2基础,速成课程:https://www.zh ...
Vue老项目由js转换ts指南
Vue(2.x)老项目由js转换ts指南其实在网上有不少关于,vue迁入ts的教程,但是很多并不完善,故做此篇本项目基于 vue-admin-template进行改造 ,它是有ts版本的,因此本文 ...
js 升级 ts 之路，含 vue 升级攻略
原文地址: https://www.jeremyjone.com/724/, 转载请注明. 最近在升级项目,用到了TypeScript,简单总结一下JS转TS,尤其是在vue中的使用方式. 基础语法 ...
JS,ES,TS关系
JS , ES , TS 的关系 1995年:JavaScript诞生当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司. 由于网景公司希望能在静态HTML页 ...
js调用ts,亲测。
js调用ts. ts类: export class OperateStepsPage implements OnInit {private static jsUse: OperateStepsPage ...
Web端直接播放 .ts 视频及mux.js播放ts视频没有声音
最近项目中需要前端播放 .ts 格式视频,捣鼓了几天学习到很多知识,也发掘了一种优秀的解决方案,分享给有同样需求的同学. 常见方案在网上查找的大部分解决方案都是用诸如videojs等网页播放器,接收 ...

.js/.jsx/.ts/.tsx

.js/.jsx/.ts/.tsx相关推荐

最新文章

热门文章