JavaScript和TypeScript的对比

注:参考https://juejin.im/entry/5a52ed336fb9a01cbd586f9f做的笔记

概要介绍

JavaScript

JavaScript是一种基于客户端浏览器的,基于对象、事件驱动式的脚本语言。稍提一下,JavaScript和Java没有任何关系,两者相当于雷峰塔和雷锋的关系。

  1. JavaScript是一种脚本编写语言,无需编译,只要嵌入HTML代码中,就能在浏览器中加载执行。
  2. JavaScript是一种基于对象的语言,可以创建对象同时使用现有对象。但是JavaScript并不支持面向对象语言所承载的继承和重载功能。
  3. JavaScript使用的变量是弱类型。
  4. JavaScript语言较为安全,仅在浏览器端执行,不会访问本地硬盘数据。
  5. JavaScript语言具有动态性。JavaScript是事件驱动的,只根据用户的操作做出相应的反应处理。
  6. JavaScript只依赖于浏览器,与操作系统的因素无关。因此JavaScript是一种跨平台的语言。
  7. JavaScript兼容性极好,能够与其他技术(如XML、REST API等)一起使用

TypeScript

TypeScript是JavaScript类型的超类,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

  1. TypeScript是Microsoft推出的开源语言,使用Apache授权协议
  2. TypeScript增加了静态类型、类、模块、接口和类型注解
  3. TypeScript可用于开发大型的应用
  4. TypeScript易学易于理解

JavaScript和TypeScript的主要差异

TypeScript可以使用JavaScript中的所有代码和编程概念,TypeScript是为了使JavaScript的开发变得更加容易而创建的。

  1. TypeScript从核心语言方面和类概念方面的模塑方面对JavaScript对象模型进行扩展。
  2. JavaScript代码可以在无需任何修改的情况下与TypeScript一同工作,同时可以使用编译器将TypeScript代码转换为JavaScript。
  3. TypeScript通过类型注解提供编译时的静态类型检查。
  4. TypeScript中的数据要求带有明确的类型,JavaScript不要求。
  5. TypeScript提供了缺省参数值。
  6. TypeScript引入了JavaScript中没有的“类”概念。
  7. TypeScript中引入模块的概念,可以把声明、数据、函数和类封装在模块中。

TypeScript的优势

  1. 静态类型化,允许开发人员编写更健壮的代码并对其进行维护。
  2. 大型的开发项目,使用TypeScript工具来进行重构更容易、便捷。
  3. 类型安全,在编码期间检测错误的功能,而不是在编译项目时检测错误。
  4. 干净的ECMAScript6代码,自动完成和动态输入等因素有助于提高开发人员的工作效率。

JavaScript的优势

  1. JavaScript的开发者社区仍然巨大而活跃,在社区可以很容易找到大量成熟的开发项目和可用资源。
  2. JavaScript语言发展较早,也较为成熟。
  3. TypeScript代码需要被编译(成JavaScript)
  4. 不需要注释
  5. JavaScript的灵活性更高

灵活选择

在开发大型开发项目时,使用TypeScript更加合适。如果有一个相对较小的编码项目,似乎没有必要使用TypeScript,只需使用JavaScript。

TypeScript和JavaScript的区别的更多相关文章

  1. TypeScript 和 JavaScript 的区别

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集.JavaScript 和 TypeSc ...

  2. Typescript 和 Javascript之间的区别

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 Jav ...

  3. TypeScript VS JavaScript 深度对比

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 Jav ...

  4. 好程序员技术分享html5和JavaScript的区别

    好程序员技术分享html5和JavaScript的区别,HTML5广义上讲是前端开发学科的代名词,包含HTML5.CSS3及JavaScript三个重要的部分,是运行在浏览器上应用的统称.如PC端网站 ...

  5. TypeScript 强类型 JavaScript – Rafy Web 框架选型

    今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建 的消息.与同事们对 TypeScript 展开了讨论.本文记录一些个人的想法. 理想的 JavaScript 开发模式 ...

  6. 前端面试-难点问题2-java和javascript的区别

    经过多方面的参考,结合自己掌握的知识,总结了一下java和javascript的区别.欢迎大家评论! 一.关系 虽然java和javascript在名字和语法上有一点相似,并且有一些联系,javasc ...

  7. TypeScript和JavaScript哪种语言更先进

    TypeScript和JavaScript哪种语言更先进 近两年来最火爆的技术栈毫无争议的是JavaScript,随着ES6的普及,不管是从前端的浏览器来看,还是后端的NodeJS场景,JavaScr ...

  8. ES6 中 Class 与 TypeScript 中 Class 的区别(待补充)

    ES6 中 Class 与 TypeScript 中 Class 的区别(待补充)

  9. 超链接a标签的href与onclick中使用javascript的区别

    onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在<a href=" ...

随机推荐

  1. POJ 3020:Antenna Placement(无向二分图的最小路径覆盖)

    Antenna Placement Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6334   Accepted: 3125 ...

  2. window.location.search 为何在url 带# 号时获取不到 ?

    我们在获取url参数时,会常常用到截取参数 getUrlParam(name) { const reg = new RegExp('(^|&)' + name + '=([^&]*)( ...

  3. dataframe字段过长被截断

    总之能,情况就是这样. 看看df类型: 64位明显不够用啊. 网上找到了segmentfault有这个问题,上面说试试 pd.set_option('display.width', 200) ,再百度 ...

  4. firefox浏览器强制取消自动更新

    问题:Firefox浏览器,在浏览器的设置中已经设置了取消自动升级,实际退出Firefox浏览器重新启动浏览器后还是会升级到最新版本.影响:Firefox浏览器不同的版本的插件的支持兼容不一样,如果需 ...

  5. Nginx实现rewrite重写

    目录 Rewrite基本概述 Rewrite标记Flag Rewrite规则实践 Rewrite场景示例 Rewrite规则补充 rewrite优先级实战 Rewrite基本概述 什么是rewrite ...

  6. POJ 2240 Arbitrage (spfa判环)

    Arbitrage Arbitrage is the use of discrepancies in currency exchange rates to transform one unit of ...

  7. paper 139:qt超强绘图控件qwt - 安装及配置

    qwt是一个基于LGPL版权协议的开源项目, 可生成各种统计图.它为具有技术专业背景的程序提供GUI组件和一组实用类,其目标是以基于2D方式的窗体部件来显示数据, 数据源以数值,数组或一组浮点数等方式 ...

  8. AcWing 230. 排列计数 水题(组合数+错排)打卡

    题目:https://www.acwing.com/problem/content/232/ #include<bits/stdc++.h> #define ll long long #d ...

  9. [NOIP模拟25]题解

    A.字符串 Catalan数不能再裸了 #include<cstdio> #include<iostream> #include<cstring> using na ...

  10. 【已转移】【Java架构:基础技术】一篇文章搞掂:Java 8

    本文篇幅较长,建议合理利用右上角目录进行查看(如果没有目录请刷新). 一.Java的历史与演变 目的:为完全了解Java,需要理解Java的诞生原因.成型动力以及他继承的思想. 计算机语言的创新与发展 ...