TypeStrcipt学习(八)Object, object, {} 类型之间的区别

参考

一文读懂 TS 中 Object, object, {} 类型之间的区别(优先看)

总结

obejct:TypeScript 2.2 引入的新类型,它用于表示非原始类型,没有值,toString()这种,代表非原始值,不包含原始值(number,boolean.....),对 object 类型的变量进行赋值时,如果值对象属性名与 Object 接口中的属性冲突,TypeScript 编译器不会提示任何错误

// 例1
const a:object = {}
a = {
    b: 1
}

// 例2
function c(o:object) {

}
c({d:2})

// 例3
const obj2: object = { 
  toString() { return 123 } 
};

Object:它是所有 Object 类的实例的类型,它由两个接口来定义,有值,toString()这种,包含非原始值(对象)也包含原始值(number,boolean.....),对 Object 类型的变量进行赋值时,如果值对象属性名与 Object 接口中的属性冲突,则 TypeScript 编译器会提示相应的错误

// 例1
function func1(x: Object) {

}
func1('semlinker'); // OK

// 例2
const obj2: Object = { 
  toString() { return 123 } // Error
};

空类型{}:它描述了一个没有成员的对象。当你试图访问这样一个对象的任意属性时,TypeScript 会产生一个编译时错误

// 例1
const obj = {};

// Error: Property 'prop' does not exist on type '{}'.
obj.prop = "semlinker";

// 例2
const pt = {}; // (A)
// Property 'x' does not exist on type '{}'
pt.x = 3; // Error
// Property 'y' does not exist on type '{}'
pt.y = 4; // Error

// 例3
interface Point {
  x: number;
  y: number;
}

// Type '{}' is missing the following 
// properties from type 'Point': x, y(2739)
const pt: Point = {}; // Error
pt.x = 3;
pt.y = 4;

// 例4
const obj = {};
obj.toString();

// 例5
const pt = { x: 666, y: 888 };
const id = { name: "semlinker" };
const namedPoint = {};
Object.assign(namedPoint, pt, id);

// Property 'name' does not exist on type '{}'.(2339)
namedPoint.name; // Error

// 例6
const pt = { x: 666, y: 888 };
const id = { name: "semlinker" };
const namedPoint = {...pt, ...id}

namedPoint.name // Ok

 

 

上一篇:学习笔记——python导入模块(3)


下一篇:第56篇-ProfileData与DataLayout