从C#到TypeScript - 类型

从C#到TypeScript - 类型

TypeScript和C#一样是微软搞出来的,而且都是大牛Anders Hejlsberg领导开发的,它们之间有很多共同点,现在尝试以C#程序员的角度来理解下TypeScript。 TypeScript一门是JavaScript的超集语言,除了支持最新的JS语法外,TypeScript还会增加一些其他好用的语法糖,最重要的是它在兼顾JavaScript灵活的基础上增加了强类型系统,这样更友好的支持开发大型系统。

现在来看下TypeScript基础类型:

数值

C#的数字类型有好几种:int, long, float, double, byte等,而TypeScript和JavaScript一样,所有的数字都是浮点数,都是用number表示,这样也省了很了事,少了C#里类似longint overflow问题。

下面用不同进制方式显示数字20。

let num = 20;       // 10进制
let num = 0xa4;     // 16进制
let num = 0b10010;  // 2进制
let num = 0o24;     // 8进制

布尔

boolean,和C#的功能一样,不多说。

let isCheck: boolean = true;

枚举

enum,大家都知道javascript没有enum,这也是TypeScript为此作的补充。功能上和C#差不多:

  1. 目的都是为数值提供一个友好的名字,增加代码可读性和可重构性
  2. 默认情况下从0开始编号
  3. 也可以手动赋值
  4. 可以实现类似C# Flag特性 但也有一些细节不一样:
  5. C#的枚举值toString()会返回枚举的文本值,而TypeScript是数值
  6. TypeScript可以通过数值下标取得枚举字符串值
enum Action{
    add = 1,
    edit = 2,
    del = 4,
    all = add | edit | del
}

console.info(Action.add);  // 返回1
console.info(Action.add.toString());  // 返回1
console.info(Action[1]);  // 返回"add"
console.info(Action[3]);  // 返回undefined
console.info(Action.all); // 返回7
console.info(Action.all & Action.add) //返回1

上面的Action编译成JavaScript的结果:

var Action;
(function (Action) {
    Action[Action["add"] = 1] = "add";
    Action[Action["edit"] = 2] = "edit";
    Action[Action["del"] = 4] = "del";
    Action[Action["all"] = 7] = "all";
})(Action || (Action = {}));

字符串

字符串也基本和C#一样,不过由于是JavaScript的超集,所以当然也支持单引号。 C#6.0里的模板字符串语法糖$"this is {name}'s blog"在TypeScript里也有类似的支持,当然,这也是ES6的规范。

let name: string = 'brook';
let note: string = `this is ${name}'s blog`;

Symbol

这也是ES6的特性,用来当作唯一的标识,所有新建出来的Symbol都是不同的,不管传进去的值是否一样。 Symbol非常适合做唯一key。

let key1 = Symbol('key');
let key2 = Symbol('key');

console.info(key1 === key2); // return false

any

这个和C#的dynamic很相似,可以代表任何东西且在上面调用方法或属性不会在编译时期报错,当然也本来就是JavaScript最基本的东西。

let test: any = 'test';
test = false;

test.test(); //编译时期不会有报错
let arr: any[] = ['test', false];

void、null、undefined和never

void和C#的一样,表示没有任何东西。 nullundefined和JavaScript一样,分别就是它们自己的类型,个人觉得这两者功能有点重合,建议只使用undefinednever是TypeScript引进的,个人觉得是一种语义上的类型,用来表示永远不会得到返回值,比如while(true){}throw new Error()之类。

function test(): void{} //  void
let a: string = null; let b: null = null; // null有自己的类型,并且默认可以赋值给任何类型(除never之外),可用--strictNullChecks标记来限制这个功能
let a: string = undefined;  let b: undefined = undefined; // undefined, 同上
function error(): never{ // never
    throw new Error('error');
}

数组

有基本的数组:

let arr: string[] = ['a', 'b', 'c'];

也有类似C#的泛型List

let list: Array<string> = ['a', 'b', 'c'];

数组功能没C#配合linq那么强大,不过配合其他一些库如lodash也可以很方便的进行各种操作。 数组还可以利用扩展操作符...来把数组解开再放入其他数组中。

let arr: number[] = [1, 2, 3];
let newArr: number[] = [...arr, 4, 5];
console.info(newArr); // 1, 2, 3, 4, 5

元组

C#也有个鸡肋的Tuple,不好用,不过新版的Tuple好像已经在C#7.0的计划当中。 下面这段代码是C#7.0的,真方便,不用再new Tuple<>,item1, item2之类的。

(string first, string middle, string last) LookupName(long id)
{
    return (first:'brook', middle:'', last:'shi');
}

var name = LookupName(id);
console.WriteLine(`first:${name.first}, middle:${name.middle}, last:${name.last}`);

TypeScript里的也不输给C#,不过叫法上是分开的,这里的元组只是对数组的处理,另外还有对象上的叫解构赋值,以后会写。

let tuple: [number, string] = [123, '456'];
let num = tuple[0]; //num
let str = tuple[1]: //string

tuple[3] = '789'; //可以,越界后会以联合类型来判断,后面会讲联合类型
tuple[4] = true; //不行

这一篇主要就讲这些基本类型,下一篇会讲TypeScript的高级类型

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏诸葛青云的专栏

学了指针没学动态内存一切都白搭!C语言基础教程之内存管理

本文将讲解 C 中的动态内存管理。C 语言为内存的分配和管理提供了几个函数。这些函数可以在<stdlib.h>头文件中找到。

1160
来自专栏TungHsu

这或许是对小白最友好的python入门了吧——13,字典初识

前边我们学习了列表、元组等储存元素的方式,今天我们来看一个更为强大的:字典。 像列表用方括号[]、元组用圆括号()一样,字典用花括号{} 先编写一个简单的词典,...

3485
来自专栏TungHsu

这或许是对小白最友好的python入门了吧——2,变量和字符串

长期以来,编程界都认为刚接触一门新语言时,如果首先使用它来编写一个在屏幕上显示消息 “Hello world!” 的程序,将给你带来好运。 因为微信排版编辑问题...

2845
来自专栏北京马哥教育

Python变量很难记?记住变量类型的三种方式

Python作为一门动态语言,其变量的类型可以自由变化。这个特性提高了代码的开发效率,却也增加了阅读代码和维护代码的难度。 假设有一个变量is_request_...

4249
来自专栏向治洪

ES7、ES8新特性

概述 JavaScript,作为一门处于高速发展期的开发语言,正在变的越来越完善、稳定。我们必须拥抱这些变化,并且我们需要把ES8加入到我们的技术栈中。 E...

1.7K5
来自专栏java工会

导致程序崩溃的一行代码,你有写过吗?

初学编程时,可能经常遇到一些程序崩溃的现象。一般来说,程序崩溃由于操作不当引起的。但是有时候,因为一个程序员的粗心,正式版本的程序出现崩溃状况这就很不因该了。之...

1212
来自专栏owent

“C++的90个坑”-阅读笔记

C++确实是一门复杂的语言。包括之前查看了一些C++11的文档和做了一些实践和总结,越来越觉得C++是门神奇的语言,也是个陷阱多多的语言。 我现在开发过程中最...

881
来自专栏向治洪

ES7和ES8新特性介绍

概述 JavaScript,作为一门处于高速发展期的开发语言,正在变的越来越完善、稳定。我们必须拥抱这些变化,并且我们需要把ES8加入到我们的技术栈中。 ECM...

6486
来自专栏互联网杂技

StackOverflow上关于JavsScript的热门问答

Q1:javascript的闭包是如何工作的? 正如爱因斯坦所说的: 如果你不能把它解释给一个六岁的小孩,说明你对它还不够了解。 我曾尝试向一个27岁的朋友解释...

3346
来自专栏大数据平台TBDS

Hive 时间转换函数使用心得

Hive sql 与传统的 oracle 或者mysql 的时间转换函数有一些不同,对于想将传统数据库迁移到hdfs 用 hive sql 进行处理的任务,如何...

4.4K12

扫码关注云+社区

领取腾讯云代金券