我是靠谱客的博主 柔弱大门,最近开发中收集的这篇文章主要介绍TypeScript学习笔记TypeScript,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

TypeScript

1. TypeScript基础类型

1.1 数字类型: number

let num:number = 4;

1.2 字符串类型: string

let str: string = "hello world";

1.3 布尔类型: boolean

let bol: boolean = false;

1.4 数组类型: []

let arr: number[] = [1,2,3,4];
// 等同于
let arr: Array<number> = [1,2,3,4];

1.5 元组 [string, number, boolean,any]

let x: [string, number, boolean];
x = ["张三", 5, true];
// 元组的每一个下标类型必须对应

1.6 枚举 enum

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
// c = 2
// 枚举的值如果没有定义,其值从为下标值,如果上一个值定义了,则其值为上一个值+1

enum Color {
  Red,
  Blue = 5,
  Green
}
let b: Clolr = Color.Green;
// b = 6

1.7 void

function hello(): void{
  alert("无返回值");
}

1.8 null

表示对象值缺失

注: typescript检测,null返回的是一个空的object. 在javascript中表示什么都没有

1.9 undefined

初始化变量为一个未定义的值

1.10 never

代表不会出现的值,是其他类型(包括null和undefined)的子类型

1.11 any

声明一个变量,可以表示任意类型的值

2. 变量声明

2.1 声明变量

// 声明变量赋值初始值,并设置类型
// var [变量名] : [类型] = 值;
var username : string = '张三';

// 声明变量设置类型,不设置初始值
// var [变量名] : [类型];
var usename : number;

// 声明变量并赋值初始值,但不设置类型,代表任意类型
// var [变量名] = 值;
var username = "张三";

// 声明变量没有设置类型,不设置初始值,代表任意类型
// var [变量名];
var usename;

2.2 类型断言

// 类型断言可以用来手指定一个值的类型,即允许变量从一种类型更改为另一种类型
// 格式: <类型> 值 或: 值 as <类型>
var str = '1';
var str2: number = <number> <any> str; // str、 str2 是string类型
var str2: number = str as <number>;

// 编译后结果:
var str = '1';
var str2 = str; // str、str2是string类型

2.3 类型推断

// 当类型没有给出时,编译器利用类型推断来推断类型
var num = 2; // 推断为number,num类型设置为number
num  = '122'; // 编译错误

2.4 作用域

  • 全局作用域:定义程序结构外部,可以在代码任何位置使用
  • 类作用域:可以称为字段。声明在类里面,可以通过类的对象来访问。类变量可以是静态的,静态的可以通过类名直接访问。
  • 局部作用域:局部变量,只能在声明它的一个代码块中使用。
var global_num = 12; // 全局变量
class Nubmers {
  num_val = 13; // 实例变量
  static sval = 10; // 静态变量
  storeNumber(): void {
    var local_num = 14; // 局部变量
  }
}
console.log(global_num);
console.log(Numbers.sval);
var obj = new Numbers();
console.log("实例变量:" , boj.num_val);

最后

以上就是柔弱大门为你收集整理的TypeScript学习笔记TypeScript的全部内容,希望文章能够帮你解决TypeScript学习笔记TypeScript所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部