TypeScript:字符串vs字符串

String类型的实参不能赋值给String类型的形参。 'string'是一个原语，但'string'是一个包装器对象。 尽可能使用'string'。

demo

字符串对象

// error
class SVGStorageUtils {
  store: object;
  constructor(store: object) {
    this.store = store;
  }
  setData(key: String = ``, data: object) {
    sessionStorage.setItem(key, JSON.stringify(data));
  }
  getData(key: String = ``) {
    const obj = JSON.parse(sessionStorage.getItem(key));
  }
}

字符串的原始

// ok
class SVGStorageUtils {
  store: object;
  constructor(store: object) {
    this.store = store;
  }
  setData(key: string = ``, data: object) {
    sessionStorage.setItem(key, JSON.stringify(data));
  }
  getData(key: string = ``) {
    const obj = JSON.parse(sessionStorage.getItem(key));
  }
}

在JavaScript中，字符串既可以是字符串基本类型，也可以是字符串对象。下面的代码显示了两者的区别:

var a: string = 'test'; // string literal
var b: String = new String('another test'); // string wrapper object

console.log(typeof a); // string
console.log(typeof b); // object

你的错误:

类型'String'不能赋值给类型'String'。'string'是a 但'String'是一个包装器对象。 尽可能使用'string'。

由TS编译器抛出，因为您试图将类型字符串分配给字符串对象类型(通过new关键字创建)。编译器告诉你，你应该只对字符串基本类型使用类型string，你不能用这个类型来描述字符串对象类型。

下面是一个例子，它显示了两者的区别，这将有助于解释。

var s1 = new String("Avoid newing things where possible");
var s2 = "A string, in TypeScript of type 'string'";
var s3: string;

String是JavaScript的String类型，您可以使用它来创建新的字符串。没有人这样做，因为在JavaScript中文字被认为更好，所以上面例子中的s2创建了一个新的字符串，没有使用new关键字，也没有显式地使用string对象。

string是TypeScript的字符串类型，你可以用它来输入变量、参数和返回值。

额外的笔记……

目前(2013年2月)s1和s2都是有效的JavaScript。s3是有效的TypeScript。

字符串的使用。你可能永远不需要使用它，字符串字面量被普遍接受为初始化字符串的正确方式。在JavaScript中，使用对象字面值和数组字面值也被认为更好:

var arr = []; // not var arr = new Array();
var obj = {}; // not var obj = new Object();

如果你真的很喜欢字符串，你可以在TypeScript中以以下两种方式之一使用它……

var str: String = new String("Hello world"); // Uses the JavaScript String object
var str: string = String("Hello World"); // Uses the TypeScript string type

此错误消息表明您正在尝试将类型为String的值分配给类型为String的变量或参数。在TypeScript中，string是一个表示字符序列的基本类型，而string是一个包装器对象，它提供了处理字符串的额外方法。

错误消息建议尽可能使用字符串类型而不是string，因为字符串类型效率更高，相关开销更少。这是因为String是一个对象，而JavaScript(因此TypeScript)中的对象存储在堆上，创建时需要额外的内存分配。相比之下，字符串值直接存储在堆栈上，这使得它们更有效地使用。

要修复此错误，您需要确保使用的是string类型，而不是期望使用的string类型。只需在代码中用String替换String就可以做到这一点。例如，如果你有一个String类型的变量，你可以把它改成这样的String类型:

let myString: String = "hello, world!"; // Incorrect
let myString: string = "hello, world!"; // Correct

还值得注意的是，通常情况下，您应该尽可能使用string而不是string，因为它更有效，更容易使用。

这两种类型在JavaScript和TypeScript中是截然不同的——TypeScript只是提供了注释和检查类型的语法。

String引用具有String的对象实例。原型链中的原型。你可以通过多种方式获得这样的实例，例如new String('foo')和Object('foo')。你可以用instanceof操作符来测试String类型的实例，例如myString instanceof String。

字符串是JavaScript的基本类型之一，字符串值主要是用文字创建的。'foo'和"bar"，以及作为各种函数和操作符的结果类型。你可以使用typeof myString === 'string'来测试字符串类型。

The vast majority of the time, string is the type you should be using - almost all API interfaces that take or return strings will use it. All JS primitive types will be wrapped (boxed) with their corresponding object types when using them as objects, e.g. accessing properties or calling methods. Since String is currently declared as an interface rather than a class in TypeScript's core library, structural typing means that string is considered a subtype of String which is why your first line passes compilation type checks.

对于快速阅读者:

不要使用数字、字符串、布尔、符号或对象类型。这些类型指的是非原始的盒装对象，在JavaScript代码中几乎从来没有适当使用过。(强调我的)

来源: https://www.typescriptlang.org/docs/handbook/declaration-files/do-s-and-don-ts.html