TypeScript入门案例

目录

前言

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

总结

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/typescriptbc/1189.html