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='终端'