前言

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

TypeScript入门案例相关推荐

超详细的TypeScript入门教程！
在看这篇文章之前,我是强烈推荐TypeScript 入门教程这本书的.因为这本书它是:从 JavaScript 程序员的角度总结思考,循序渐进的理解TypeScript.文章来源也是该书,但听我一句话 ...
2021年大数据Flink（八）：Flink入门案例
目录 Flink入门案例前置说明 API 编程模型准备工程 pom文件 log4j.properties Flink初体验需求编码步骤代码实现 Flink入门案例前置说明 API API ...
Python:Scrapy的安装和入门案例
Scrapy的安装介绍 Scrapy框架官方网址:http://doc.scrapy.org/en/latest Scrapy中文维护站点:http://scrapy-chs.readthedocs. ...
Vue安装配置以及入门案例
Vue Vue简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不 ...
AOP配置开发入门案例
该AOP开发入门案例采用XML文件方式配置开发(非注解方式)共包含一个xml文件和4个Java类,创建好web工程后引入相应jar包(文末会给出),建好包(若自定义包名注意更改类中的包名),将xml文 ...
python与人工智能编程-总算明白python人工智能编程入门案例
Python是非常简洁的一种脚本语言,写同样的程序,代码量仅为java的三分一,除了性能没有Java强之外,它的优点还是相当多的.以下是小编为你整理的python人工智能编程入门案例下载Active ...
mybatis基于注解的入门案例
mybatis基于注解的入门案例: 把IUserDao.xml移除,在dao接口的方法上使用@Select注解,并且指定SQL语句同时需要在SqlMa ...
我写的第一本书《TypeScript 入门教程》
阅读原文持续了大半年的学习和写作,在今天终于告一段落了. 写书之旅最初有写书的想法,是刚加入微软的时候. 由于工作中需要重度使用 TypeScript,所以我花了几天的时间研读了好几遍官方手册和中 ...
python截图保存到内存卡_Python画月饼，云上过中秋，天池Python入门案例系列赛开启...
阿里云天池推出了一个Python入门案例系列教程,在此之前他们还推出了一个Python基础训练营. 在天池龙珠计划Python训练营中,天池给学习者详细的介绍了Python的基础和进阶知识,根据学习者 ...

TypeScript入门案例

前言