目录
前言
一、TypeScript是什么?
二、使用步骤
1.安装TypeScript
2.安装流程与错误
3.测试案例
总结
前言
旧 JS 是弱类型语言,一个变量先后可以保存不同类型的数据,这样极不可靠;而且旧 JS 是解释执行语言,一边解释一边执行,导致一 些低级错误无法提前检查和预警;此外旧 JS 对对象要求不够严格,开发人员想怎么写就 怎么写,不便于大项目协作。
一、TypeScript是什么?
TypeScript 是 JavaScript 的一个超集,由微软开发,支持 ECMAScript6 标准,设计的目的就是开发大型应用。TypeScript 不能被浏览器直接执行,但是 TypeScript 可以先编译成 JavaScript,再在浏览器或 nodejs 上运行。
二、使用步骤
1.安装TypeScript
有两种主要的方式来获取TypeScript工具:
- 通过npm(Node.js包管理器)
- 安装Visual Studio的TypeScript插件
2.安装流程与错误
安装TypeScript :npm install -g typescript
报错:rollbackfailedoptional: verb npm-session
原因:该问题一般情况是因为代理问题,npm代理和git代理都要设置。首先确认网络是否需要设置代理。如果是公司网络设置公司网络端口 例如:npm config set proxy http://127.0.0.1:80
我这里是测试完一下所以直接使用的淘宝的镜像
npm --registry https://registry.npm.taobao.org install -g typescript
接下来开始测试是否能够编译 : tsc .\two.ts 成功编译为js文件,可以引用使用。
为了方便测试使用 :ts-node <文件的绝对地址>来编译运行
安装ts-node : npm install -g ts-node
再次运行:ts-node E:\nodework\node_02\two.ts
出现错误问题:
Cannot find name 'console'. Do you need to change your target library? Try changing the 'lib' compiler option to include 'dom'.
原因:TypeScript 自带的类型只有 DOM 环境里面的那些类型(在 lib.dom.d.ts 里面),Node.js 的类型是不自带并且通过 @types/node 这个库来维护的。
安装: npm install -g @types/node
再次测试
3.测试案例
代码如下(示例):
function intr(str: string = "这家伙有点懒,什么都没写。。。") { console.log(`自我介绍:${str}`);
}
intr("我是吕布,三国第一猛将!");
function sum (ename: string, ...arr: number[]) {
return `${ename}的总工资为:${arr.reduce((box, elem) => box + elem)}`;
}
console.log(sum("张飞", 10000, 200, 144, 5000));
console.log(sum("刘备", 14000, 2000, 544));let isDone: boolean = false;
let number: number = 8;
let userName: String = "Hello";
let arrList :Array<String> = ["hh","aaa","bbbb"];
console.log(userName.toUpperCase());
if (!isDone){
console.log("我是真的")
}
for (let i = 0 ;i< arrList.length-1 ; i++){
if (arrList[i].length > 3){
console.log(arrList[i])
}
}
let x :[String ,number,boolean ,];
x = ["Hello ",30,true];
console.log(x[0].substring(1));
总结
这里对文章进行总结:
以上就是今天要讲的内容,本文仅仅简单介绍了TypeScript的安装与使用,所遇到的问题和解决方案做一个归纳。