TypeScript

TypeScript 简介:

1、TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。
超集: 如果一个集合S2中的每一个元素都在集合S1中,且集合S1中可能包含S2中没有的元素,则集合S1就是S2的一个超集,反过来,S2是S1的子集。 S1是S2的超集,若S1中一定有S2中没有的元素,则S1是S2的真超集,反过来S2是S1的真子集。
2、TypeScript 由微软开发的自由和开源的编程语言。
3、TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript 操作:

我们可以使用 tsc 命令来执行 TypeScript 的相关代码

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名,
然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

tsc test.ts

这时在当前目录下(与 test.ts 同一目录)就会生成一个 test.js 文件。
使用 node 命令来执行 test.js 文件

$ node test.js 

TypeScript 变量声明:

 TypeScript 变量的命名规则:
  • 变量名称可以包含数字和字母。
  • 除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。
  • 变量名不能以数字开头
  • 语法: var [变量名] : [类型] = 值;
var [data]:[string]='hello world';

注意:

  • 当声明变量时没有值会默认给值:undefined
  • 当声明变量给了值和变量名时其类型是任意的
  • 当声明变量没给值和类型时,其类型时任意的,值为undefined
    如果给的值和类型不匹配则会报错。
    基础类型:

1.任意类型 any:声明为 any 的变量可以赋予任意类型的值。

2.数字类型 number:双精度 64 位浮点值。它可以用来表示整数和分数。一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。

let data: number = 6; 

字符串类型 string:一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式。

let name: string = "ipad";
let years: number = 5;
let words: string = `今年是 ${ name } 发布 ${ years + 1} 周年`;

布尔类型 boolean:表示逻辑值:true 和 false。

let flag: boolean = true;

枚举 enum: 枚举类型用于定义数值集合。

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

void void :用于标识方法返回值的类型,表示该方法没有返回值。

function hello(): void {
    alert("Hello Runoob");
}

null null:表示对象值缺失。

undefined undefined: 用于初始化变量为一个未定义的值

never never:never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。

变量作用域:

TypeScript 有以下几种作用域:

  • 全局作用域 − 全局变量定义在程序结构的外部,它可以在你代码的任何位置使用。
    类作用域 − 这个变量也可以称为 字段。类变量声明在一个类里头,但在类的方法外面。 该变量可以通过类的对象来访问。类变量也可以是静态的,静态的变量可以通过类名直接访问。
  • 局部作用域 − 局部变量,局部变量只能在声明它的一个代码块(如:方法)中使用。
    TypeScript 输出:
    TypeScript 的输出和JavaScript一样使用:console.log();
var [ename]:[string]='小明';
var [age] : [number] = 10;
console.log(ename);
console.log(age);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值