查询组织架构业务梳理

经过缕这个代码,还是很多收获的,很多以前没有接触过的方法,这里总结一下也是和大家分享一下:

1.如何判断节点有children属性?

js属性对象的hasOwnProperty方法
Object的hasOwnProperty()方法返回一个布尔值,判断对象是否包含特定的自身(非继承)属性。

2.为什么要给没有子节点的节点加上children属性?

因为作为一个树形结构的节点,必须要有children属性才能显示该节点;如果是一个父亲节点,它是肯定会有children属性的

3. Object.assign(userTree[i], noChild);

Object.assign()这些对象中的自有且可枚举的属性,会被拷贝给第一个对象,函数会在最后return这第一个对象

tips:可枚举属性: 在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。

4.递归调用

这里为什么要用到递归呢?为了循环遍历每一个节点,判断它是否有孩子节点,如果没有,就将它的children属性赋空

5.在调用接口时,最后用到了Promise的这两个方法:

return Promise.reject(reason)

return Promise.resolve(response.data)

Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。

可以这样理解,在新建 promise 的时候就传入了两个参数,这两个参数用来标记 promise的状态的,到执行到 resolve()这个方法的时候,就改变promise的状态为Fulfilled,当状态为 Fulfilled的时候就可以执行.then(),当执行到 reject()  这个方法的时候,就改变 promise 的状态为reject,当 promise 为reject 就可以.catch() 这个promise了。也可以这样说,resolve函数的结果可以通过then()方法接收,reject函数的结果可以被catch()方法接收。

猜你喜欢

转载自blog.csdn.net/hejingfang123/article/details/116371585