TypeScript入门案例

有头发的Java程序员

已于 2022-10-17 13:02:15 修改

阅读量645

点赞数 1

分类专栏： web前端文章标签： typescript

于 2022-10-17 12:57:29 首次发布

本文链接：https://blog.csdn.net/m0_61343669/article/details/127360835

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前言

旧 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));