new Proxy 简介入门

web修理工

已于 2023-05-12 15:09:50 修改

阅读量800

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

于 2020-08-12 14:39:56 首次发布

本文链接：https://blog.csdn.net/qq_42374676/article/details/107957022

版权

JavaScript 专栏收录该内容

163 篇文章 2 订阅

订阅专栏

配置


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var docCookies = new Proxy(docCookies, {
            "get": function (oTarget, sKey) {
                return oTarget[sKey] || oTarget.getItem(sKey) || undefined;
            },
            "set": function (oTarget, sKey, vValue) {
                if (sKey in oTarget) { return false; }
                return oTarget.setItem(sKey, vValue);
            },
            "deleteProperty": function (oTarget, sKey) {
                if (sKey in oTarget) {
                    return false;
                }
                return oTarget.removeItem(sKey);
            },
            "enumerate": function (oTarget, sKey) {
                return oTarget.keys();
            },
            "ownKeys": function (oTarget, sKey) {
                return oTarget.keys();
            },
            "has": function (oTarget, sKey) {
                return sKey in oTarget || oTarget.hasItem(sKey);
            },
            "defineProperty": function (oTarget, sKey, oDesc) {
                if (oDesc && "value" in oDesc) { oTarget.setItem(sKey, oDesc.value); }
                return oTarget;
            },
            "getOwnPropertyDescriptor": function (oTarget, sKey) {
                var vValue = oTarget.getItem(sKey);
                return vValue ? {
                    "value": vValue,
                    "writable": true,
                    "enumerable": true,
                    "configurable": false
                } : undefined;
            },
        });

        /* Cookies 测试 */

        alert(docCookies.my_cookie1 = "First value");
        alert(docCookies.getItem("my_cookie1"));

        docCookies.setItem("my_cookie1", "Changed value");
        alert(docCookies.my_cookie1);
    </script>
</body>

</html>


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    Proxy 代理对象 let proxy = new Proxy(target,handler);
    <script>
        let obj = new Proxy({}, {
            get(target, propKey, receiver) {
                console.log(target, propKey, receiver, '++')
                return target[propKey];
            },
            set(target, propKey, value, receiver) {
                console.log(target, propKey, value, receiver, '==')

                return target[propKey] = value;
            }

        });
        obj.a = 'a';
        console.log(obj, '===obj')


        let obj1 = new Proxy({}, {
            get(target, propKey, receiver) {
                console.log(target, propKey, receiver, '++obj1')
              
                return Reflect.get(traget, propKey)
            },
            set(target, propKey, value, receiver) {
                console.log(target, propKey, value, receiver, '==obj1')
                return Reflect.set(target, propKey, value);
                
            }

        });
        obj1.b = 'b';
        console.log(obj1, '===obj1')



    </script>
</body>

</html>

web修理工

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
new Proxy 简介入门

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.
复制链接

扫一扫