master

分支 (1)

管理

管理

master

test-warehouse
/
05_ES6_Proxy.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta name="google" content="notranslate" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <title>Document</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
</head>

<body>
  <script>
    /**
     * Proxy 预处理
     *  - new Proxy({},{})
     */

    let obj = {
      name: 'zhangsan',
      age: 18
    }

    let _obj = new Proxy(obj, {
      get: function (target, key) {
        console.log('看门大爷不让你看');
        return target[key].toUpperCase();
      },
      set: function (target, key, val) {
        console.log('触发了设置');
        // console.log(target, key, val);
        let _sex = 1;
        if (val == '男') {
          _sex = 2
        }
        return target[key] = _sex;
      }
    })

    console.log(_obj.name);
    _obj.sex = '男';
    // _obj.name
    console.log(obj);
    console.log(_obj);
  </script>
</body>

</html>