为什么使用TS
TypeScript
TypeScript
1. 什么是TypeScript:是js的超集,包含ES5/6/7/8,语法结构构建在js上
ts无法在浏览器中运行,需要编译,翻译为js
Typing强类型,可以规范代码,在编译阶段就能及时发现错误,在原生js基础上加上一层类型的定义
2. 为什么要使用TypeScript
类型推演与类型匹配
开发编译时报错
极大程度的避免了低级错误
支持Js的最新特性,包括ES6/7/8
JS: 10 + 5 = 105
自动进行类型检查,避免低级错误,帮我们写出更高质量的代码
1.js弱类型,ts强类型
2.ts全面支持es标准
3.ts可以检测到未知的问题,比如元素未获取到导致的问题
为什么要使用typescript
TypeScript特性
index.html
main.ts
main.js
typescript使用4大优势:
类型推演与类型匹配
开发编译时报错;
极大避免低级错误
支持js端最新特性(包含es6/7/8)
字符串类型前面加上一个“+”,效果等同于parseInt
typescript可以解放劳动力,可以写出质量更高的代码
开发过程中可以报错,是区别js重要一项。
ts是js超级,super set
typescript 无法在浏览器中运行
需要basic setup 转化js来运行
tsc main.js 写代码过程中发现错误,不用等运行报错
typeof num1 === ‘number' 数据类型是number
类型的英语Type 是TypeScript命名的由来
但是浏览器中目前是无法直接运行TypeScript的,编写完毕TypeScript代码后需要使用编译器进行编辑成JavaScript进行运行,其实不是Java等的编译成机器语言,实际是翻译成JS语法
为什么要使用TS?
js中,可以在字符串前面加+号来强制转换为数字类型
如:
let num1='11', num2='22'
return +num1 + +num2
左下角tsc为ts编译器
加号强制转数字类型
TypeScript无法直接在浏览器中运行
Typing 强类型,仅仅在JS上加上强类型
优势:
编译:
安装 `npm install -g typescript`
编译 tsc 文件路径
TypeScript的原因
1、类型推演喝类型匹配
2、开发编译时报错
3、极大程度的避免了低级错误
4、支持javascript的最新特性(包含es6/7/8)
as 类型 ts中强制类型转换
使用TypeScript好处
类型检查
避免低级错误
避免重复定义
产出高质量代码
TypeScript》强类型
规范代码
代码编译阶段及时发现错误
在原生js的基础上加上了一层定义类型
通过冒号定义类型,通过+,确定好整数类型,as进行类型转化确保一定正确
有哪些优势
用这个来举例,感觉站不住脚。
tsc main.ts 编译ts文件为js
TS包含ES5~ES8(未来标准)、试验阶段语法(Decorator装饰器)
JS存在“语义级别的逻辑错误:"10"+"1"="101"”,TS给原生JS带来强类型的定义,进行“类型检查”
强类型:1)规范代码 2)在代码编译阶段就及时发现错误
注意:TS无法在浏览器中运行,所以,TS --(编译器Compile编译为)-- JS
typescript是js的超集,强类型的定义,注:不能在浏览器中运行,需要编译成js
优点:
1 类型推演与类型匹配
2 开发编译时报错
3 极大程度避免低级错误
3 支持js最新特性(包含ES6\7\8)
这是我的笔记