JavaScript与TypeScript的区别

TypeScript一种基于javascript更为严谨的写法，JS只有在运行时候才能提示错误，但TS能编译的时候就能给你提示错误，比起JS更加智能。

一、对比JS和TS在vue-cli写法不同区别

JS开头固定模板

TS开头固定的模板：

1、通过例子简单对比data、methods、props使用时候的不同：

 
支出

JS写法

TS写法

这里重点对比一下props是怎么引入的。包括TS其他内容使用都是通过这个库vue-property-decorator例子进行的，有空可以去看看文档怎么用。

你如果发现你的TS写的代码有错，但是没有提示错误，你得先去设置一下：file--settings--Language &Framework--TypeScript--选择Node interpreter中node路径--点击OK

9.png

。

二、TS是怎样实现严谨的（以上述例子为例）

1、TS对比JS最大区别就是明确每个变量的类型

这里就提示我们要补充上type类型是啥

2、如果xxx类型在上面例子没有提到undefined，就会出现下图提示

5.png

3、同样如果yyy不是一个方法或者函数，同样出现报错。

6.png

没有报错，因为后面接的是toString()方法

三、图解TS和JS过程

1.png

8.png