关于typescript:TypeScript-中令人迷惑的对象类型Object-和-object

119次阅读

共计 937 个字符,预计需要花费 3 分钟才能阅读完成。

Object{}object,这三个示意对象的类型很容易让人蛊惑,上面来总结一下它们的分割和差别。

Object

ObjectObject.prototype 的接口定义。源码中定义如下:

interface Object {
  constructor: Function;
  toString(): string;
  toLocaleString(): string;
  valueOf(): Object;
  hasOwnProperty(v: PropertyKey): boolean;
  isPrototypeOf(v: Object): boolean;
  propertyIsEnumerable(v: PropertyKey): boolean;
}

JS 中所有对象的原型链缺省都继承自 Object.prototype,原始值有包装类型。所以 numberstringbooleansymbol、对象和函数都能够赋值给 Object 类型。

{}

在 JS 中 {} 示意没有本身属性的字面量对象。但在 TS 中 {} 类型示意对象类型,能赋值给 Object 类型的值给都能够赋值给 {} 类型。然而这两种类型还是有区别的,赋值给 Object 类型的对象必须严格满足 Object.prototype 接口定义,而赋值给 {} 类型则无此限度。如下:

// toString() 必须严格满足 Object.prototype.toString() 的定义,返回 string 类型。// 这里会报错:Type '() => number' is not assignable to type '() => string'.
let a: Object = {toString() {return 1;}
};

let b: {} = {toString() {return 1;}
};

object

为示意非原始值类型的对象,TypeScript 2.2 中引入了 object 类型。除了 numberstringbooleansymbolnullundefined,其余所有类型都能够赋值给 object 类型。所以依照 TS 的倡议,当咱们须要示意对象时,用 object 就好,根本能够不必 Object 和 {} 了。

object is not Object. Always use object!

我的 JS 博客:小声比比 JavaScript

正文完
 0