2.TypeScript简单基础类型

基本语法

1.在语法层面,缺省类型注解的ts与js完全一致。在ts中,类型的标注主要通过类型后置语法来实现
2.特殊说明:number表示数字类型,: 用来分割变量和类型的分隔符

let num = 1; // 同时符合js和ts语法
let num: number = 1; //  ts:显式声明变量num仅仅是数字类型,只需在变量num后添加: number类型注解

原始类型

1.原始类型指非对象且没有方法的数据类型,js和ts中原始类型值是最底层的实现,也是最底层的类型。
2.string、number、bigint、boolean、undefined、symbol 六种。null 是伪原始类型,它在js中实际上是一个对象,且所有的结构化类型都是通过 null 原型链派生而来。

字符串:string
1.js中可以用string表示任意的字符串,包括模板字符串。
2.所有js支持的定义字符串的方法都可以直接在ts中使用。

let firstname: string = 'Captain'; // 字符串字面量
let familyname: string = String('S'); // 显式类型转换
let fullname: string = `my name is ${firstname}.${familyname}`; // 模板字符串

数字:number
1.number类型表示js已经支持或者即将支持的十进制整数、浮点数,以及二进制数、八进制数、十六进制数。
2.使用较少的大整数,可以使用bigint类型表示。虽然number和bigint都表示数字,但是这两个类型不兼容。

/** 十进制整数 */
let integer: number = 6;
/** 十进制整数 */
let integer2: number = Number(42);
/** 十进制浮点数 */
let decimal: number = 3.14;
/** 二进制整数 */
let binary: number = 0b1010;
/** 八进制整数 */
let octal: number = 0o744;
/** 十六进制整数 */
let hex: number = 0xf00d;
/** 大整数 */
let big: bigint =  100n;

布尔值:boolean
使用boolean表示 True 或者 False

/** TypeScript 真香 为 真 */
let TypeScriptIsGreat: boolean = true;
 /** TypeScript 太糟糕了 为 否 */
let TypeScriptIsBad: boolean = false;

Symbol
自 ES6 起,ts开始支持新的Symbol原始类型, 即我们可以通过Symbol构造函数创建一个独一无二的标记;还可以使用symbol表示如下代码所示的类型。

let sym1: symbol = Symbol();
let sym2: symbol = Symbol('42');

静态类型检测

1.在编译时期,静态类型的编程语言即可准确地发现类型错误,这就是它的优势。
2.在编译时期,ts编译器将通过对比检测变量接收值的类型与显示注解的类型,从而检测类型是否存在错误。如果两个类型完全一致则通过;如果两个类型不一致就会抛出一个编译期错误

const trueNum: number = 42;
const fakeNum: number = "42"; // ts(2322) Type 'string' is not assignable to type 'number'.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值