• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Typescript实战---(1)数据类型

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
1、强类型语言与弱类型语言
 
(1)、强类型语言
通俗定义:强类型语言不允许改变变量的数据类型,除非进行强制类型转换
在强类型语言中,当一个对象从调用函数传递到被调用函数时,其类型必须与被调用函数中声明的类型兼容

 

(2)、弱类型语言
在弱类型语言中,变量可以被赋予不同的数据类型
let x = 1;

x = 'hello';
console.log(x);    // hello

x = true;
console.log(x);    // true

 

2、静态类型语言和动态类型语言
 
(1)、静态类型语言
在编译阶段确定所有变量的类型

(2)、动态类型语言
在执行阶段确定所有变量的类型
 
静态类型与动态类型的对比:
 
语言类型象限:
 
3、数据类型
 
类型注解
 
作用:相当于强类型语言中的类型声明,可以对变量起到约束作用
语法:(变量/函数): type
let checkAll: boolean = false;

checkAll = true;
console.log('checkAll ', checkAll);   // checkAll  true

checkAll = null;
console.log('checkAll ', checkAll);   // checkAll  null

checkAll = undefined;
console.log('checkAll ', checkAll);   // checkAll  undefined

// 类型注解使得 ts 的变量数据类型不可随意改变

checkAll = 'hello';     // 不能将类型“"hello"”分配给类型“boolean”

checkAll = 123;         // 不能将类型“123”分配给类型“boolean”

checkAll = [1, 2];      // 不能将类型“number[]”分配给类型“boolean”

 

TypeScript 在 ES6的基础之上新增了一些数据类型
 
3-1、布尔值 - boolean
let isDone: boolean = false;

 

3-2、数字 - number
let decLiteral: number = 6;           // 十进制
let hexLiteral: number = 0xf00d;      // 十六进制
let binaryLiteral: number = 0b1010;   // 二进制
let octalLiteral: number = 0o744;     // 八进制

 

3-3、字符串 - string
let str1: string = 'hello';              // 单引号

let str2: string = "world";              // 双引号

let str: string = `${str1} ${str2} !`;   // 摸板字符串

console.log(str); // hello world !

 

3-4、数组 - Array
// 定义方式一:type[],表示由此类型元素组成的一个数组
let list: number[] = [1, 2, 3];

// 定义方式二:Array<type>,使用数组泛型
let result: Array<number> = [1, 2, 3];



// 数组一旦在定义时指定了数据类型,就不能添加其它的数据类型
list.push('hello');   // 类型“"hello"”的参数不能赋给类型“number”的参数

// 如果想要一个数组接收两种数据类型,可以这么做
let data: Array<number | string> = [1, 'hello', 2, 'world'];

 

3-5、元组 - Tuple

元组类型表示一个已知元素数量和类型的数组,准确的说,是已知数组中的每一个位置上的元素类型
为元组类型赋值时,各个位置上的元素类型都要对应,元素个数也要一致
let tuple: [string, number] = ['Bob', 23];

tuple = ['Bob', 'Chirs'];    // 不能将类型“string”分配给类型“number”

tuple = [23, 32];            // 不能将类型“number”分配给类型“string”

tuple = ['Bob', 23, 32];     // 不能将类型“[string, number, number]”分配给类型“[string, number]”
 
强烈不建议像数组一样添加、删除和修改元组的元素
let tuple: [number, string] = [0, '1'];

tuple.push(1);

console.log('tuple', tuple);     // tuple [ 0, '1', 1 ]

// 试图读取越界元素时,还是会报错
tuple[2];  // Tuple type '[number, string]' of length '2' has no element at index '2'

 

3-6、函数
let add = (x: number, y: number): number => x + y

// 根据函数的类型推断功能,可以简写为
let add = (x: number, y: number) => x + y



// 定义函数类型
let getResult: (x: number, y: number) => number

// 实现函数(参数名不必相同,也无需指出参数类型、函数返回值)
getResult = (a, b) => a + b

 

3-7、对象
let obj: {name: string, age: number} = {
  name: 'Bob',
  age: 23
}

obj.age = 30;

console.log('obj', obj);     // obj { name: 'Bob', age: 30 }



// 如果不具体指出对象的参数类型,则无法修改对象的属性

let map: object = {x: 1, y: 2};

map.x = 22;    // 类型“object”上不存在属性“x”

 

3-8、Symbol
具有唯一的值
// symbol 类型的值是通过 Symbol 构造函数创建的
let s1: symbol = Symbol();
let s2 = Symbol();

console.log(s1 === s2);   // false, symbols是唯一的

 

3-9、undefined 和 null
 
如果一个变量被初始化为 undefined 或 null,就不能再赋值其它数据类型
let un: undefined = undefined;
let nu: null = null;

un = 12;  // 不能将类型“12”分配给类型“undefined”
nu = 34;  // 不能将类型“34”分配给类型“null”

 

默认情况下,undefined 和 null 是所有类型的子类型,也就是说可以把 undefined 和 null 赋值给 number、string 等类型的变量
let num: number = 23;
num = undefined;

let str: string = 'hello';
str = null;

let bool: boolean = false;
bool = undefined;

 

3-10、void
 
void 是一种操作符,表示没有任何返回值的类型,它可以让任意一个表达式返回undefined
function warnUser(): void {
    alert("This is my warning message");
}

 

3-11、any
 
如果不指定一个变量的类型,则默认就是any类型
let x;

x = 1;
x = {};
x = () => {}

 

3-12、never
 
never表示永远不会有返回值的类型,有两种情况:
(1)、函数抛出异常
(2)、死循环
let error = () => {
    throw new Error('error')
}

let endless = () => {
    while(true) {}
}

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript-可辨识联合发布时间:2022-07-18
下一篇:
TypeScript+Vue初体验Demo发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap