自己封装一个Object.freeze()方法

Posted 是桂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自己封装一个Object.freeze()方法相关的知识,希望对你有一定的参考价值。

1、遍历所有属性和方法

2、修改遍历到的属性的描述

3、Object.seal()

Object.defineProperty(Object,‘freezePolyfill‘,{
                value:function(obj){
                    var i;
                    //遍历属性和方法
                    for(i in obj){
                        if(obj.hasOwnProperty(i)){
                            Object.defineProperty(obj,i,{
                                //修改遍历到的属性
                                writable:false
                            });
                        }
                    }
                    Object.seal(obj);
                }
            });

 

如果对象的其中一个属性又是对象,那么这个对象中的对象里的属性是可以被修改的。可以使用递归判断外层对象的属性是否为对象,再重新使用freezePolyfill()方法去套。(不使用递归而使用迭代的方式也可以):

            Object.defineProperty(Object,‘freezePolyfill‘,{
                value:function(obj){
                    var i;
                    for(i in obj){
                        if(obj.hasOwnProperty(i)){
                            //判断属性是否为对象
                            if(typeof(obj[i]) === ‘object‘){
                                //迭代freezePolyfill方法
                                Object.freezePolyfill(obj[i]);
                            }else{
                                Object.defineProperty(obj,i,{
                                    writable:false
                                });
                            }
                        }
                    }
                    Object.seal(obj);
                }
            });

 

应用:

 

const xiaoming = {
                age:14,
                name:‘小明‘,
                obj:{
                    a:1
                }
            };
            Object.freezePolyfill(xiaoming);
            

 

以上是关于自己封装一个Object.freeze()方法的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法 Object.freeze() 一个 JavaScript 日期?

Object.freeze()

Object.freeze与 Object.seal的区别

我可以从 object.freeze 导入一种方法吗

Object.freeze

Object.Freeze Javascript [重复]