• 自己封装一个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.defineProperty(obj,name,value)这个方法可以往一个对象上添加一个属性。第一个参数为对象名,第二个参数为属性名,第三个参数为属性值及描述。

    Object.seal(变量名)方法可以阻止对象被扩展,但是无法阻止对象被修改。可以使用defineProperty()将对象属性设置为只读。

    上述两个方法结合起来可以简单的达到一个Ojbect.freeze()的效果。

    语法

    Object.defineProperty(obj, prop, descriptor)

    参数

    obj
    要在其上定义属性的对象。
    prop
    要定义或修改的属性的名称。
    descriptor
    将被定义或修改的属性描述符。
  • 相关阅读:
    7.node.js的3DES 加密和解密的方法封装
    6.js 获取当前日期时间3种格式化方法
    2.深入解析Javascript异步编程
    5.js中的判断if和for
    4.js中的函数与方法
    String、StringBuffer、StringBuilder效率测试
    String、StringBuffer、StringBuilder区别
    StringBuffer常用方法
    SQL面试题
    String字符串拼接
  • 原文地址:https://www.cnblogs.com/rickdiculous/p/12240764.html
Copyright © 2020-2023  润新知