查询组织架构业务梳理

Myth丶恋晨 2022-10-21 01:19 190阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlamluZ2ZhbmcxMjM_size_16_color_FFFFFF_t_70][]

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

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

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

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlamluZ2ZhbmcxMjM_size_16_color_FFFFFF_t_70 1][]

4.递归调用

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlamluZ2ZhbmcxMjM_size_16_color_FFFFFF_t_70 2][]

这里为什么要用到递归呢？为了循环遍历每一个节点，判断它是否有孩子节点，如果没有，就将它的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()方法接收。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlamluZ2ZhbmcxMjM_size_16_color_FFFFFF_t_70]: /images/20221021/28d7ab5679a544148eeff976dd02a393.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlamluZ2ZhbmcxMjM_size_16_color_FFFFFF_t_70 1]: /images/20221021/5cf28ca522c04f6eb39d2f288c43b9aa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hlamluZ2ZhbmcxMjM_size_16_color_FFFFFF_t_70 2]: /images/20221021/d6f0c66e6a8c452a8354f0e9dabe717a.png