const obj = {a: {b: {c: 3} } };

const c = obj.a.b.c;
const {a: {b: {c} } } = obj;

const viewModel = {a: {n: { m } } };
new Watcher(viewModel, "a.n.m", (newVal, oldVal) => {
  console.log("新的值--》", newVal);
  console.log("老的值--》", oldVa1l);
});

// 對象，使用 . 訪問
obj.a.b.c
// 數(shù)組，使用下標訪問，要支持連續(xù)訪問
arr[0][1][2]
// 對象數(shù)組嵌套混合
obj.a[0].b

// 解析路徑為字段數(shù)組
function parsePath(path: string) {
  const segments: string[] = path.split('.'); // 分割字段片段
  let fileds: Array<number | string> = []; // 保存字段名
  if (path.includes('[')) { // 如果包含數(shù)組下標，收集數(shù)組索引 類似arr[0]這樣的格式
    for (const segment of segments) {
      if (/^(\w+)(\[(\w+)\])+/.test(segment)) { // 匹配 類似 arr[0][1] 這種格式
        const arrIndexs: number[] = [];
        for (const item of segment.matchAll(/(\w*)\[(\w+)\]/g)) {
          if (item[1]) fileds.push(item[1]); // 第一個匹配的括號，即數(shù)組字段名
          arrIndexs.push(~~item[2]); // 第二個匹配的括號，即數(shù)組索引
        }
        fileds.push(...arrIndexs);
      } else { // 如果是被'.'分割完的字段直接push
        fileds.push(segment);
      }
    }
  } else { // 無數(shù)組值時無需遍歷，提高性能
    fileds = segments;
  }
  return fileds;
}

const arr = [...'arr[0][1]'.matchAll(/(\w*)\[(\w+)\]/g)];
//  arr[0]:??["arr[0]",?"arr",?"0",?index:?0,?input:?"arr[0][1]",?groups:?undefined]
//  arr[1]:??["[1]",?"",?"1",?index:?6,?input:?"arr[0][1]",?groups:?undefined]

// 鏈式取值
function getValByPath(target: object, path: string): any {
  if (!(/[\\.\\[]/.test(path))) return target[path]; // 如果沒有 . 或 [ 符號說明非鏈式，直接返回屬性值
  const fileds = getPathFileds(path);
  const val = fileds.reduce((pre, cur) => pre?.[cur], target); // 取不到的時候返回undefined
  return val;
}

// 鏈式賦值
function updateValByPath(target: object, path: string, value): void {
  if (!(/[\\.\\[]/.test(path))) return target[path] = value; // 如果沒有 . 或 [ 符號說明非鏈式，直接賦值
  const fileds = getPathFileds(path);
  // cosnt obj = {a: {b: {c: 6}}};
  // 獲取值引用 ，例如更新obj對象的c值，需要獲取{c: 6}對象的引用，即obj.a.d = {c: 6}，拿到引用后 ref.c = 8，就 {c: 6} 更新成 {c: 8} 了
  const ref = fileds.slice(0, -1).reduce((pre, cur) => pre[cur], target); // 只遍歷到倒數(shù)第二個字段，因為這個字段就是被修改對象的引用
  if (ref) return ref[`${fileds.at(-1)}`] = value; // 拿到引用后，更新最后一個字段
  // 如果引用對象不存在，提醒開發(fā)者不要更新不存在的屬性
  console.warn(`updated property "${path}" is not registered in data, you will not be able to get the value synchronously through "this.data"`);
}