脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → TypeScript 学习笔记之基本类型

TypeScript 学习笔记之基本类型

 更新时间：2015年06月19日 08:51:04   投稿：hebedich  
TypeScript 是 JavaScript 的超集，TypeScript 经过编译之后都会生成 JavaScript 代码。TypeScript 最大的特点就是类型化，因此才叫做 TypeScript。比起弱类型的 JavaScript，类型化的 TypeScript 显得更加容易维护。

在 TypeScript 中一共有 7 种基本类型。

1、boolean

复制代码 代码如下:

var isDone: boolean = false;

2、number

代表 JavaScript 中的数字。在 JavaScript 中，无论是“整数”还是“浮点数”，都是以双精度浮点类型存储的。

复制代码 代码如下:

var height: number = 6;

3、string

代表字符串。跟 JavaScript 一样，可以使用一对双引号（"）或一对单引号（'）来表示字符串。

复制代码 代码如下:

var name: string = "bob";
name = 'smith';

4、array

TypeScript 中有两种数组声明方法。

①使用“[]”来声明：

复制代码 代码如下:

var list: number[] = [1, 2, 3];

②使用数组类型来声明：

复制代码 代码如下:

var list: Array<number> = [1, 2, 3];

两种声明方式都可以使用，效果并不会有区别。但建议代码中应尽量只使用其中一种，以保持代码风格统一。

5、enum

枚举类型是 TypeScript 中新添加的，而 JavaScript 中是没有这个类型的。

复制代码 代码如下:

enum Color {
    Red,
    Green,
    Blue
};
var c: Color = Color.Green;

跟 C# 一样，如果不声明第一项的值，那么上面 Red 的值就是 0，然后每一项都增加一，即 Green 是 1，Blue 是 2。

复制代码 代码如下:

enum Color {
    Red = 1,
    Green,
    Blue
};
var c: Color = Color.Green;

所以此时 Red 的值为 1，Green 为 2，Blue 为 3。

当然也可以为每一项都指定一个值。

复制代码 代码如下:

enum Color {
    Red = 1,
    Green = 2,
    Blue = 4
};
var c: Color = Color.Green;

另外枚举类型还有一个比较特殊的功能，假如我们有一个数值，但是我们不知道枚举类型中是否有定义，可以用以下方式来获取：

复制代码 代码如下:

enum Color {
    Red = 1,
    Green,
    Blue
};
var colorName: string = Color[2];
alert(colorName);
colorName = Color[4];
alert(colorName);

那么将会输出 Green 和 undefined。因为 Green 的值是 2，而没有一个枚举定义的值是 4，所以返回 undefined。

6、any

和 JavaScript 中变量的默认类型一样，指代是动态的，能够赋予任意类型。例如：

复制代码 代码如下:

var notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

定义为 any 后，将失去语法感知的功能，就相当于写 JavaScript 一样。

值得一提的是，any 可以配合数组来使用：

复制代码 代码如下:

var list: any[] = [1, true, "free"];
list[1] = 100;

7、void

这个类型仅能在函数中使用，可以将函数的返回类型指定为 void，表示该函数不返回任何值。

复制代码 代码如下:

function warnUser(): void {
    alert("This is my warning message");
}

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

相关文章

  • js完美解决IE6不支持position:fixed的bug

    js完美解决IE6不支持position:fixed的bug

    关于IE6，虽然它已被微软抛弃很久了，但是由于大天朝的特殊行情（盗版）对于前端工程师来说，解决IE6兼容position:fixed的问题显得很重要。特别是你需要用到头尾悬停调用的时候
    2015-04-04
  • JS完整获取IE浏览器信息包括类型、版本、语言等等

    JS完整获取IE浏览器信息包括类型、版本、语言等等

    这篇文章主要介绍了JS如何完整获取IE浏览器信息包括类型、版本、语言等等,需要的朋友可以参考下
    2014-05-05
  • JavaScript 生成唯一ID的几种方式

    JavaScript 生成唯一ID的几种方式

    这篇文章主要介绍了JavaScript 生成唯一ID的几种方式，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下
    2021-02-02
  • input输入框的自动匹配(原生代码)

    input输入框的自动匹配(原生代码)

    功能要求:使用原生代码实现，不可使用任何框架、只针对英文字符进行匹配，并且匹配到的内容在菜单中加粗、通过键盘上的上下箭头可以对菜单进行选择等等，感兴趣的你可以参考下
    2013-03-03
  • 使用原生JS将JSON数组转换为CSV文件的完整代码

    使用原生JS将JSON数组转换为CSV文件的完整代码

    本文介绍了如何在浏览器中实现前端CSV文件下载功能,通过三个步骤实现：准备数据数组并定义表头；将数据拼接为符合CSV格式的字符串,包含引号处理；使用Blob对象创建文件流,通过隐藏的a标签,需要的朋友可以参考下
    2025-10-10
  • 微信小程序自定义导航的方法

    微信小程序自定义导航的方法

    这篇文章主要为大家详细介绍了微信小程序自定义导航的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript原型式继承实现方法

    JavaScript原型式继承实现方法

    这篇文章主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • suggestion开发小结以及对键盘事件的总结（针对中文输入法状态）

    suggestion开发小结以及对键盘事件的总结（针对中文输入法状态）

    suggestion开发小结以及对键盘事件的总结（针对中文输入法状态）,需要的朋友可以参考下。
    2011-12-12
  • JS使用插件cryptojs进行加密解密数据实例

    JS使用插件cryptojs进行加密解密数据实例

    这篇文章主要介绍了JS使用插件cryptojs进行加密解密数据,结合完整实例形式分析了javascript基于加密插件实现加密解密功能的相关操作技巧,需要的朋友可以参考下
    2017-05-05
  • 详解Howler.js Web音频播放终极解决方案

    详解Howler.js Web音频播放终极解决方案

    这篇文章主要介绍了详解Howler.js Web音频播放终极解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论