前端必备技能——TypeScript与JavaScript区别

TypeScript与JavaScript区别


文章目录

  • TypeScript与JavaScript区别
    • @[TOC](文章目录)
  • 前言
  • 一、什么是JavaScript?
  • 二、什么是TypeScript?
    • TypeScript增加了什么?
    • TypeScript的应用
  • 三、JavaScript与TypeScript的区别
  • 总结

前言

TypeScript逐渐成为前端工程师必备的技能之一,本文将指导你了解并认识TypeScript,然后知道它与JavaScript的区别。


一、什么是JavaScript?

前端必备技能——TypeScript与JavaScript区别_第1张图片

特点如下所示

  • javascript是一种动态类型语言,这类语言不会给变量指定类型,而是在赋值时得到数据类型。
  • JavaScript 是 Web 的编程语言。
  • 所有现代的 HTML 页面都可以使用 JavaScript。

例如:

  • 案例一: JavaScript会在变量赋值时得到数据类型
      var a=123;
      a='abc;
      a=true;
    
  • 案例二: JavaScript在调用方法传递参数时不会严格校验方法传参类型与传递个数。
      function fun(name){
      	console.log(name);
      }
      fun();
      fun('abc',123);
    

具体关于JavaScript的学习可以参考菜鸟教程。

二、什么是TypeScript?

前端必备技能——TypeScript与JavaScript区别_第2张图片

TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。

TypeScript增加了什么?

  • 类型
  • 完美支持ES新特性
  • 添加ES不具备的新特性
  • 丰富的配置选项
  • 强大的开发工具

TypeScript的应用

前端必备技能——TypeScript与JavaScript区别_第3张图片

三、JavaScript与TypeScript的区别

前端必备技能——TypeScript与JavaScript区别_第4张图片

通过对JavaScript与TypeScript的认识了解之后,我们可以知道TypeScript与JavaScript的区别主要为以下几点。

  • TypeScript中的数据要求带有明确的类型,JavaScript不要求
  • TypeScript引入了JavaScript中没有的“类”概念。
  • TypeScript通过类型注解提供编译时的静态类型检查。
    前端必备技能——TypeScript与JavaScript区别_第5张图片

总结

JavaScript与TypeScript的区别、感兴趣的话点一个关注,我会不定期的更新技术分享,你的鼓励是我创作的动力。

你可能感兴趣的:(javascript,前端,typescript)