TypeScript入门案例

目录

前言

一、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 = ["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的安装与使用，所遇到的问题和解决方案做一个归纳。