{} 和 Object 有什么区别？

Question

最近，我对{} 和Object 之间的区别感到困惑。有时，{} 会解决我的问题，有时，它不能，我切换到Object。我真的不知道为什么。

我做了一些测试，希望能给你一些提示。

const t: Array<{label: string}> = [{label:'1'}];
const arr: Array<{}> = t; //error
const arr2: Array<Object> = t; //pass

Answer 1

{} 是new Object() 的别名。

所以你可以说Object 是一个class 而{} 是那个类的一个instance。

你可以在这里看到：

console.log(JSON.stringify(new Object()) == JSON.stringify({}))

console.log({} instanceof Object)

Answer 2

我觉得这个答案比较合理Github link:[mixed type] Supertype bug。

数组在 Flow 中是不变的

class A {}
class B extends A {}
var bs: Array<B> = [];
var as: Array<A> = bs;
as.push(new A); // this would be bad!

如果A 是A 的超类型，我断言Array<B> 应该是Array<A> 的子类型， 不是真的。

而Object是个例外，

Object 类型是所有对象的 supertype 和 subtype。这意味着Object 不是原生/内置 Object 类型的严格等价物，而是更类似于any。

@Tushar Acharekar 和 @Ayush Gupta，感谢您的回答。

Answer 3

对象是属性的集合，属性是名称（或键）与值之间的关联。属性的值可以是函数，在这种情况下，属性称为方法。

• 我更喜欢使用{}来生成key:value对数据。
• 我更喜欢使用new Object() 来创建像Method1, Method2 这样的复杂对象

请看下面的例子

var d = new Object();           //This is the simplest way to create an empty object.
var a = Object.create(null);    //This method creates a new object extending the prototype object passed as a parameter.
var b = {};                     //This is equivalent to Object.create(null) method, using a null prototype as an argument.

方法一：

var Animal = {
  type: 'Invertebrates',  // Default value of properties
  displayType: function() {  // Method which will display type of Animal
    console.log(this.type);
  }
};
var animalObject = Object.create(Animal);
animalObject.displayType();         // Output:Invertebrates
var fish = Object.create(Animal);
fish.type = 'Fishes';
fish.displayType();                 // Output:Fishes

方法二：

var Obj = function(name) {
  this.name = name
}
var c = new Obj("hello"); 

Dicoverign Javascript 是学习的最佳视频javascript prototype

Answer 4

我没有使用过Flow，但我在这里尝试了你的代码：https://flow.org/try/，我收到了这条消息：Type argument 'T' is incompatible。然后它添加变量Property 'label' is incompatible 和Property not found。

我猜是因为t 是Sealed Objects 的数组，但arr 是Unsealed Objects 的数组。

现在，当您将 t 分配给 arr2 时它可以工作，因为 arr2 只是一个（纯 Javascript）对象数组。您也可以将一组未密封的对象分配给arr2。或者推送到arr2 混合的密封和未密封对象。

注意这些通道：

const t: Array<{label: string}> = [{label:'1'}];
const t1: {label: string} = {label: `1`};
const w: Array<{label: string}> = [t1];
const t2: {label: string} = {label: `2`};
w.push(t2);

但这不会通过：

let w: Array<{label: string}> = [];
const t3: {} = {};
w.push(t3);

但这些都会过去的：

const u: Array<Object> = [{label:'1'}];
const arr: Array<{}> = u;   

const v: Array<{}> = [{label:'1'}];
const arr2: Array<Object> = v;  

const t3: {foo: number} = {foo:1};
arr2.push(t3);