分享一下最近被打击到的一场面试

Bertha 。 2022-08-30 14:55 155阅读 0赞

昨天去面试了，原本以为准备好的自己，才发现很多知识点被自己疏忽了，比如昨天面试官问我，\*\*如何判断一个对象是否为空，\*\*我当时就想，只要判断一下长度是否为空就行了，但是写了这么久的代码，都忘记了对象是没有长度的，不能通过.length来获取对象的长度。真是致命错误。  
后来仔细想想，发现是可以通过以下两种方法判断的。

**如何判断一个对象是否为空，**  
**方法一**  
可以使用JSON.stringify()方法，将对象转换为json字符串，在判断该字符串是否为"\{\}"

var obj1={ 
        name:'b',
        age:12
    }
    var obj2 = { }
    var jobj1 = JSON.stringify(obj1)
    var jobj2 = JSON.stringify(obj2)
    console.log(jobj1 === "{}"); // false
    console.log(jobj2 === "{}"); // true

**方法二**  
使用“Object.keys(对象名称).length==0”判断长度是否为0，进而判断对象是否为空。

var obj1={ 
        name:'b',
        age:12
    }
    var obj2 = { }
    console.log(Object.keys(obj1).length); // 2
    console.log(Object.keys(obj2).length); // 0

第二个问题，**如何在一个vue页面中，先渲染完A组件，再渲染B组件**，也是让我无语死，明明之前写过很多次这种，但是问到我的时候，我纯粹是在乱答。

**如何在一个vue页面中，先渲染完A组件，再渲染B组件**

1.  在文件目录（一般是component文件夹里）创建xxx.vue
2.  然后在我们需要用到组件的文件内，比如说index.vue，导入xxx.vue， `import XXX from './component/xxx.vue'`
3.  最后在js代码里面加入

1.  最后在template中使用`<XXX />`使用该组件