typeScript基础(1)_原始数据类型学习

简介: 本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。

typeScript系列将是学习ts的一些笔记,主要是为了以后及时的的回顾。

这个系列将会根据TypeScript 入门教程(202005)配合学习。

在这之前,我们需要先安装

npm install -g typescript

以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了。

编译命令:

tsc  xxx.ts

xxx为ts文件名。

原始数据类型包括:

字符型 string
布尔型 boolean
数型 number
空 null
undefined
symbol(es6)

布尔值类型:

let flag: boolean = true;
let flag2:boolean = Boolean(3)
flag = false;
flag2 = !flag2

不能使用:

let flag3:boolean = new Boolean(1)

原因是new Boolean(1)返回的是一个布尔对象,并不是一个布尔值。
其他类型比如string,number等也不能通过new的形式来生成,原因一致。
使用tsc xxx.ts完成编译:

var flag = true;
var flag2 = Boolean(3);
flag = false;
flag2 = !flag2;

如果是这种形式,说明没报错:
在这里插入图片描述
报错的话,会在cmd直接报出错误的信息:
例如:在这里插入图片描述

数值类型:

ts:使用二进制或者八进制会被编译成十进制

let num:number = 1;
let num2 :number = NaN;
let num3:number = Infinity;
// ES6 中的二进制表示法
let binaryLiteral: number = 0b1010;
// ES6 中的八进制表示法
let octalLiteral: number = 0o744;

js:

var num = 1;
var num2 = NaN;
var num3 = Infinity;
// ES6 中的二进制表示法
var binaryLiteral = 10;
// ES6 中的八进制表示法
var octalLiteral = 484;

字符串类型:

ts:可以进行字符串模板拼接

let str: string = "123";
let str1: string = "123";
let str3: string = "张俊卿";
let num: number = 888;
let strrr = `${num}我是字符串`;
let strStr = `${num},hello,good`

js:

var str = "123";
var str1 = "123";
var str3 = "张俊卿";
var num = 888;
var strrr = num + "\u6211\u662F\u5B57\u7B26\u4E32";
var strStr = num + ",hello,good";

void

在 TypeScript 中,可以用 void 表示没有任何返回值的函数

const fun = (str?: string):void =>  {
   console.log(str);
}
fun('123')

unll和undefined

ts:

let str:null=null;
let und:undefined=undefined;

js:

var str = null;
var und = undefined;

与 void 的区别是,undefined 和 null 是所有类型的子类型。也就是说 undefined 类型的变量,可以赋值给 number 类型的变量:

ts:

let str:number ;
str=undefined;
let str1:string = undefined;

js:

var str;
str = undefined;
var str1 = undefined;

看到最后留个关注哦,比心。

目录
相关文章
|
4月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
48 3
|
4月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
114 0
|
4月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
249 0
|
2月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
2月前
|
JavaScript 前端开发 安全
如何学习typescript?
【7月更文挑战第9天】1. 了解其为JavaScript超集,增加类型系统和ES6特性,提升代码安全性和效率。 2. 安装 TypeScript 全局 (`npm install -g typescript`),用`tsc -v`验证,或尝试在线的TypeScript Playground。 3. 学习类型注解、基础类型(如number、string、boolean等)、any与unknown,接口和类。 4. 探索高级特性,如泛型、模块&命名空间、装饰器。 5. 实践中巩固知识,如做小项目(如用React或Vue),阅读官方文档,参与社区讨论。持续编码和实践是关键。
23 0
|
4月前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
4月前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
4月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)(下)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
50 0
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)(下)
|
4月前
|
JavaScript
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
75 0
|
4月前
|
JavaScript 前端开发 安全
TypeScript:赋予JavaScript数据类型新的力量,提升编程效率!
TypeScript:扩展JavaScript数据类型,赋予编程更强大的表达能力!