TypeScript入门

1.什么是TypeScript
TypeScript(简称 TS)是微软公司开发的一种基于 JavaScript (简称 JS)语言的编程语言。它的目的并不是创造一种全新语言,而是增强 JavaScript 的功能,使其更适合多人合作的企业级项目。TypeScript 可以看成是 JavaScript 的超集(superset),即它继承了后者的全部特性,并在此基础上增加了静态类型检查和其他一些特性。

TypeScript 特点
静态类型检查:TypeScript在编译阶段就能够发现并提示潜在的代码错误,使开发者在编码过程中更加高效、安全和可靠。
强类型编程语言:TypeScript是拥有类型语法的JavaScript,适合大型应用和团队开发。
功能更强大,生态更健全:TypeScript是JavaScript的超集,继承了后者的全部特性,并在此基础上增加了静态类型检查和其他一些特性。
可以被编译成纯JavaScript代码,并可以在任何支持JavaScript的运行环境中运行。
属于渐进式,边学边写:TypeScript有很多新概念,如类型、泛型、枚举等,使得学习曲线较陡峭。
JavaScript 与 TypeScript 的区别
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

TypeScript语法
TypeScript的语法主要扩展了JavaScript的语法,增强了其功能。以下是一些主要的语法概念:

模块:在TypeScript中,模块化是一种重要的编程方式,有助于将大型程序分解为更小的部分。
函数:函数是TypeScript中的基本单位,用于封装可重用的代码段。
变量:变量是用于存储数据的容器,其类型可以在编译时确定。
语句和注释:语句是执行操作的指令,注释则用于向代码中添加解释或说明。
类和对象:TypeScript是一种面向对象的编程语言,支持类和对象的使用。类是一种用户定义的数据类型,它具有属性和方法。对象则是类的实例。
方法:方法是类的一部分,它定义了可以由对象执行的操作。

2.为什么学习ts
因为学会了ts才能学会arkts,ts适用于一些大型项目,也非常适用于一些基础库,极大地帮助我们提升了开发效率和体验。

3.安装
开发工具我这里使用的是vsCode

想要安装ts需要先安装node.js,具体安装请自行百度.

切换淘宝镜像

变量的声明

1// 注释:解释说明代码的作用,不会执行

2//1.声明变量  var:不推荐使用,作用域有问题

//变量的命名规则:字下美人其后数,不要使用关键字和保留字

var names="张三";

var age=20;

var sex='未知';

var names='李四';//var 声明的变量,变量名可以重复

// 输出语句

console.log(names)

console.log(age)

console.log(sex)

//2.let 声明变量

// 不允许标识重名

let name2="王五";

let age2=14;

let sex2='男';

//常量的声明;字面量   PI  E

const PI=3.1415;

// PI=3.1;  //常量的值不能修改


变量的数据类型

/ 二进制

let num4:number=0b1001;

console.log('----------------------')

console.log(num1)

console.log(num2)

console.log(num3)

console.log(num4)

// 字符串 使用''或者""中的内容都是字符串

let name3='张正';

let name4='李振航';

//``特殊用法,可以代替字符串的拼接

let name5=`呜呜呜${num3}`;

console.log(name3)

//可以使用+进行字符串的拼接

console.log("姓名:"+name4+"年龄:"+age1)

console.log(`姓名:${name4}年龄:${age1}`)

//只有引号引用,就变成字符串

let name6=`123`

let name7=`age1`;

//3.布尔值  boolean-> true 真  false假  不能用0和1表示

let flag:boolean=true

let flag2:boolean=false

// 4.null  空  表示空值

let n1:null=null;

// 5.undefined  表示没有初始值

let n2;

let n3:undefined=undefined;

console.log(n2);

// 6.any 任何类型

let n4:any='123'

let n5:any='true'

let n6:any='终端'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值