ts中大小写类型的区别

前言

最开始的时候写ts的时候遇到过这种问题，为什么String类型不能赋值给string类型，他们不都是字符串吗？在js中不是万物皆对象吗？同类型为什么不可以？

const a: string = "a";
const b: String = a;
const c: string = b;

可以看到string类型可以赋值给String，而String类型不能赋值给string。

解惑

在JavaScript中，String、Number这种被称为包装器，你可以理解为他是一个类或者是构造函数，它返回的是一个对象，而string是一个字面量，被称为原始数据类型。

原始数据类型（Primitive data types）有以下：

机翻佬会将原始数据类型Primitives翻译成：基元类型。

而以大写字母开头的，被称为对象数据类型。

常见的对象数据类型（Object data types）如下：

此时我们可能还是不清楚他们之间的区别，下面来写个例子：

const a: string = "a";

a.xxx = "xxx";  // Uncaught TypeError: Cannot create property 'xxx' on string 'a'

const b: String = new String("b");
b.xxx  =  "xxx";

console.log(b.xxx);  // "xxx"

例子说明string是一个字面量值类型，它不像String类型，是一个对象，因为只有对象我们才可以自定义属性，而字面量不可以。

至于为什么我们可以调用字符对象的方法：

const a: string = "a";

console.log(a.length); // 1

是因为js会做隐式转换，将"a"转为String对象，然后调用length，调用结束后又将对象变回"a"。

这系列操作被称为：装箱和拆箱，正因为这个操作，小写的string可以赋值给大写的String，反之却不可以，因为String对象的原始值必须通过String.toString()方法获取（不同对象获取方法不同，如：xxx.valueOf()）。

而且这个例子也证明，在js中并不是万物皆对象。

此时你应该就可以明白小写类型和大写类型的区别了。

在ts中官方推荐是使用小写类型，大写是特殊情况，如无必要，不要使用。

特殊的object和Object

小写的object是除了number，string，boolean，symbol，null或undefined之外的类型，是更加具体的值，而大写的Object在JavaScript中是所有对象的基类，它可接受的类型就会比小写的object更广一些。

const a: object = "a";

const b: Object = "a";

可以看到string类型无法赋值给object，但是可以赋值给Object类型，因为装箱操作，字符串被转换为String对象，而Object又是它的基类，那么自然可以赋值给Object了。