TtpeScript学习手记
2024/7/26 23:03:18
本文主要是介绍TtpeScript学习手记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1-1. js的超集
jsDemo.js
'xxx'-3 // ->NaN '123'-3 // ->120 '123'+3 // ->1233 'xxx'+3 // ->xxx3 if("" === 0){ console.log("hello");// 不会弹出 一个是字符串 一个是数字 } if("" == 0){ console.log("hello");// 会弹出 } function compare(x){//假如x是100 // 会先比较x是否大于1, // 于是执行的时候就会变成((1<x)<3) -> (true<3) // 只要其中一个对比成立就会返回 true if(1<x<3){ console.log('hello');// 会弹出 } if(1<x && x<3){ console.log('hello');// 则不会弹出 } } const object = { first:'one', second:'two', last:'Inf' } console.log(object.a + object.b + '')// ->'NaN' console.log(object.a + object.b)// -> NaN console.log(object.a)// ->undefined console.log(object.a + '')// ->'undefined'
tsDemo.ts
更容易帮助我们发现程序里的bug
语法提示更加完善,有了类型之后,写代码很方便
语义性更强 代码可读性更高
// 创建类型 编辑器可以做类型提示 type Point = {x: number,y: number} const a:Point = { x: 1, y: 2 };
1-2.TS搭建环境
依赖Node.js环境 LTS版本(Long Time support)
打开终端 输入 node -v
安装vscode编辑器
安装nrm: nrm use cnpm(镜像地址的使用)
sudo npm install nrm -g nrm ls
安装全局typescript包
这篇关于TtpeScript学习手记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-08krita ai 快速选取插件的方法与工具有哪些-icode9专业技术文章分享
- 2024-09-08unity 断点时 断点没有松开,无法正常关闭进程怎么解决-icode9专业技术文章分享
- 2024-09-08ReleaseMutex 返回值代表什么-icode9专业技术文章分享
- 2024-09-08CloseHandle 返回值有什么意义-icode9专业技术文章分享
- 2024-09-08用selenium点击遇到一个不可交互的元素时怎么办-icode9专业技术文章分享
- 2024-09-08selenium 中,用img的scr来定位,怎么写-icode9专业技术文章分享
- 2024-09-08软件项目的系统架构设计、技术选型和编码规范有哪些需要注意的方面-icode9专业技术文章分享
- 2024-09-07Webpack-bundle-analyzer教程:初学者友好的打包分析工具学习指南
- 2024-09-07TypeScript 入门指南:从零开始掌握基础概念与实践应用
- 2024-09-06如何使用RSC创建基本的网页布局:适合初学者的指南