1. /* @flow */
    3. import { _Set as Set, isObject } from '../util/index'
    4. import type { SimpleSet } from '../util/index'
    5. import VNode from '../vdom/vnode'
    7. const seenObjects = new Set()
    9. /**
    10.  * Recursively traverse an object to evoke all converted
    11.  * getters, so that every nested property inside the object
    12.  * is collected as a "deep" dependency.
    13.  *
    14.  * 深度监听，就是watch的deep选项
    15.  * 递归每一个对象或者数组，
    16.  * 触发它们的getter，
    17.  * 使得对象或数组的每一个成员都被依赖收集，
    18.  * 形成一个“深（deep）”依赖关系
    19.  */
    20. export function traverse (val: any) {
    21.   _traverse(val, seenObjects)
    22.   //清除对象 给对象置空
    23.   seenObjects.clear()
    24. }
    26. function _traverse (val: any, seen: SimpleSet) {
    27.   let i, keys
    28.   const isA = Array.isArray(val)
    29.   //isFrozen 方法判断一个对象是否被冻结。
    30.   //val 是否是被VNode 实例化
    31.   // 如果对象已经被冻结，或者是vNode，就直接返回
    32.   if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) {
    33.     return
    34.   }
    35.   if (val.__ob__) {
    36.     const depId = val.__ob__.dep.id
    37.     if (seen.has(depId)) {
    38.       return
    39.     }
    40.     // seen 是 seenObjects = new _Set(); add 就是set对象中的add方法，添加为一的值得key
    41.     //如果没有则添加进去
    42.     seen.add(depId)
    43.   }
    44.   //如果是数组
    45.   if (isA) {
    46.     i = val.length
    47.     //则循环检查 回调递归
    48.     while (i--) _traverse(val[i], seen)
    49.   } else {
    50.     keys = Object.keys(val)
    51.     i = keys.length
    52.     //如果是对象也循环递归检查
    53.     while (i--) _traverse(val[keys[i]], seen)
    54.   }
    55. }