小程序setData 常量(behaviors)

SeriousSnow_

于 2021-01-19 10:06:29 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

分类专栏：成长记录 js 前端文章标签：小程序 js 前端

本文链接：https://blog.youkuaiyun.com/peonyc/article/details/112800218

js 同时被 3 个专栏收录

17 篇文章

订阅专栏

前端

17 篇文章

订阅专栏

成长记录

7 篇文章

订阅专栏

本文探讨了在小程序开发中遇到的常量变为变量的问题，由于 setData 的使用导致常量不再不可变。为了解决这个问题，作者提出通过hook setData 的方法，并利用 behaviors 在每个页面注入钩子代码。这样可以确保常量在初始设置后无法被直接或通过 setData 修改，以此达到保护常量的目的。属性描述符的概念在此解决方案中起着关键作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是个啥问题呢。就是你写代码不是会有一堆常量吗，希望是不可被更改的，但是呢，小程序html要用得要通过setData。但是经过他之后什么常量都变成变量了。。。我们不希望这样。我们希望如果源头是常量，第一次setData没问题，但是设置好之后，无论是直接修改或者通过setData修改都应该报错，
办法么就是hooksetData。但是吧这个函数和wx.xxx console.xx还不一样。他是page初始化之后才有的，而且是每个页面都独立的。。所以吗我们要用behaviors，把我们的hook代码注入到每一个page里，至于hook成啥样呢，就是考本整个完整的属性描述符就行了。属性描述符我之前的文章关于js继承有讲

function copyProperty(des, src) {
    for(let key in src){
        if((typeof des[key] != "undefined") && (typeof des[key] == typeof src[key]))
            switch (typeof typeof src[key]) {
                case "bigint":
                case "boolean":
                case "number":
                case "string":
                    Object.defineProperty(des, key, Object.getOwnPropertyDescriptor(src, key))
                    break
                case "object":
                    copyProperty(des[key], src[key])
                default:
                    break
            }
    }
}


import {copyProperty} from "./Property";
const PageHookBehaviors = Behavior({

    data: {

    },

    methods: {
        setData(obj, fnc) {
            this.__proto__.__proto__.setData.call(this, obj, fnc)
            copyProperty(this.data, obj)
        }
    }
})