2020你应该知道的TypeScript学习路线【数据类型】

简介: 2020你应该知道的TypeScript学习路线【数据类型】

微信图片_20220520201427.png

一、概述


任何编程语言(除了汇编,汇编只规定数据的字长),都有属于自己的数据类型,数据类型背后,隐藏的是编译器或者程序解释器对数据处理方式的定义。在定义数据的类型的时候,提前定义好数据的类型,可以极大的提高程序的执行效率,减少内存空间的不必要消耗。说到数据类型,JavaScript一直被列为弱类型(var)的语言,需要注意的是。弱类型不代表没有类型,希望通过今天的学习,大家对JavaScript数据类型有一个新的认识,同时也对JavaScript超集的(TypeScript)的数据类型有一个对比的认识。

二、Javascript数据类型


数据类型包括两种:数值类型和引用类型

2.1 基本数据类型(值类型)


所有基本类型的值都是不可改变的。而变量是可以变的,它可以通过指针重新指向一个新的基本类型的值,JavaScript中的六大基本数据类型

  • 字符串类型(string):字符串型。
  • 数字类型(number):包括浮点数,以及 NaN、±Infinity。
  • 布尔类型(boolean):布尔型,即 { true, false }。
  • 符号类型(symbol):符号类型。
  • null 和 undefined

2.2 复杂数据类型(引用类型)


复杂数据类型的值在创建的时候会开辟一片堆内存,堆内存有一个可后续方便索引的16进制的地址。之后赋值时,JavaSCript引擎会通过指针将变量指向其对应的可索引地址来完成赋值操作。

  • object
  • Array-
  • Function
  • Date ,
  • Regexp ...

三、TypeScript数据类型


typescript是JavaScript的扩展,说到js的数据类型,大家肯定会想到它是一种弱类型的语言,不需要指定特定的数据类型,ts的语言也正在往java这些强类型的语言靠近,TypeScript中除了es5中的string、boolean、number、array、null和undefined之外还多了元组类型tuple、枚举类型enum、任意类型any、void类型、never类型。

  • 字符串类型(string):字符串型。
  • 数字类型(number):包括浮点数,以及 NaN、±Infinity。
  • 布尔类型(boolean):布尔型,即 { true, false }。
  • 数组类型(array)
  • 元组类型(tuple)
  • 枚举类型(enum)
  • 任意类型(any)
  • null 和 undefined
  • void类型
  • never类型

四、使用案例


  • TS定义布尔类型(boolean)
let isShow:boolean=false;
isShow = true;
console.log(isShow);
  • TS定义number类型(number)
let age:number=18;
  • TS定义字符串类型(string)
let str:string="圣诞节快乐!"
  • TS定义数组类型,这有两种方法(array)
const arr1:string[]=["张三","李四","王五"];
const arr2:Array<string>=["张三","李四","王五"];

-TS 定义元组类型,元组类型也是数组类型的一种,如下(tuple)

const arr3:[number,string] = [2,'this is typescript'];
  • TS定义枚举类型(enum)
enum Result{success=1,error=0}
let r:Result = Flag.success;
console.log(r);// 1
  • 当一个元素可能是null,可能是undefined,可能是number
let num:number| null|undefined;
num=123;
console.log(num);//123
num=null;
console.log(num);//null
num=undefined;
console.log(num);//undefined
  • ts的void一般只用于定义函数的时候用
function run():void{
    alert("aaa");
}
run()
function run1():number{
    return 123
}
run1();
  • ts中的never类型表示从不会出现的值包括undefined和null,一般很少用到



目录
相关文章
|
7月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
66 3
|
5月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
3月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
55 4
|
7月前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
7月前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
7月前
|
JavaScript
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
98 0
|
7月前
|
JavaScript 前端开发 安全
TypeScript:赋予JavaScript数据类型新的力量,提升编程效率!
TypeScript:扩展JavaScript数据类型,赋予编程更强大的表达能力!
|
7月前
|
存储 JavaScript 前端开发
TypeScript笔记(5)—— 基本数据类型
TypeScript笔记(5)—— 基本数据类型
71 0
|
7月前
|
JavaScript
TypeScript 的内置数据类型有哪些
TypeScript 的内置数据类型有哪些
96 0
|
7月前
|
JavaScript 前端开发 编译器
TypeScript【什么是TypeScript、安装并编译TypeScript、变量声明、原始数据类型、数组、元组、任意值】(一)-全面详解(学习总结---从入门到深化)
TypeScript【什么是TypeScript、安装并编译TypeScript、变量声明、原始数据类型、数组、元组、任意值】(一)-全面详解(学习总结---从入门到深化)
54 0
下一篇
DataWorks