ts比js好在哪里（ts和js的区别）

今天来简单说一下js和ts的区别
    
    
    
    
。

首先    
    
    
    
，它们都是脚本语言     


     


     


     


。JavaScript 是轻量级的解释性脚本语言 


     


     


     


     ，可嵌入到 HTML 页面中

 




 




 




 



，在浏览器端执行 




 




 




 




 。而TypeScript 是JavaScript 的超集（ts是微软开发的开源编程语言）   

   

   

   

，即包含JavaScript 的所有元素  

     

     

     

    ，能运行JavaScript 的代码


  




  




  




  


，并扩展了JavaScript 的语法

   

   

   

   
。（ts包含了js的库和函数  


  


  


  


，ts上可以写任何的js   
     
     
     
   ，调用任何的js库



   




   




   




   

，可以在ts中使用原生js语法）     

     

     

     

。相比于JavaScript  



 



 



 



，它还增加了静态类型    
    
    
    
、类 


     


     


     


     、模块

 




 




 




 



、接口和类型注解方面的功能                     ，更易于大项目的开发  




  




  




  




 。

区别：

1   

   

   

   

、TypeScript 引入了 JavaScript 中没有的“类
    
    
    
    
”概念

2  

     

     

     

    、TypeScript 中引入了模块的概念




    




    




    




    
，可以把声明


  




  




  




  


、数据  


  


  


  


、函数和类封装在模块中


  


  


  


  
。

3   
     
     
     
   、js没有重载概念



















，ts有可以重载

4



   




   




   




   

、ts增加了接口interface 



 



 



 



、泛型                     、类




    




    




    




    
、类的多态



















、继承等

5                     、ts对比js基础类型上                     ，增加了 void/never/any/元组/枚举/以及一些高级类型

js有的类型：boolean类型



     



     



     



     、number类型




















、string类型    
    
    
    
、array类型 


     


     


     


     、undefined

 




 




 




 



、null

ts新增的类型：tuple类型（元组类型）   

   

   

   

、enum类型（枚举类型）  

     

     

     

    、any类型（任意类型）

void类型（没有任何类型）表示定义方法没有返回值

never类型：是其他类型（包括null和undefined）的子类型



     



     



     



     ，代表从不会出现的值这意味着声明never变量只能被never类型所赋值

js变量是没有类型的




















，即age=18    
    
    
    
，age可以是任何类型的 


     


     


     


     ，可以继续给age赋值为age=     


     


     


     


”aaa 




 




 




 




 ”

Ts有明确的类型(即：变量名:number(数值类型))  eg：let age: number = 18 ts需要静态编译

 




 




 




 



，它提供了强类型与更多面向对象的内容     
     
     
     
。 ts最终仍要编译为弱类型   

   

   

   

，基于对象的原生的js  

     

     

     

    ，再运行   




   




   




   




 。故ts相较java/C#这样天生面向对象语言是有区别和局限的 ts是由微软牵头主导的


  




  




  




  


，其语法风格与概念主要来自C#  


  


  


  


，理解起来学过java的更容易理解（c#我没学过）

ts优势

1


  




  




  




  


、类型化思维方式   
     
     
     
   ，使开发更严谨



   




   




   




   

，能帮助开发人员检测出错误并修改 



 



 



 



，提前发现错误                     ，减少改Bug时间

2  


  


  


  


、类型系统提高了代码可读性




    




    




    




    
，便于开发人员做注释



















，维护和重构代码更加容易

3   
     
     
     
   、补充了接口



   




   




   




   

、枚举等开发大型应用时JS缺失的功能

【JS的类型系统存在"先天缺陷"                     ，绝大部分错误都是类型错误(Uncaught TypeError)】

4 



 



 



 



、TypeScript工具使重构更变的容易                     、快捷



 



 



 



 
。

5




    




    




    




    
、类型安全功能能在编码期间检测错误



     



     



     



     ，这为开发人员创建了一个更高效的编码和调试过程                    。