瑞数6补环境的总结

瑞数6补环境的总结

大家好呀，我是你们的好兄弟【星云牛马】，今天给大家带来的是瑞数6的补环境的总结，补环境肯定是需要一些基础补环境知识的，所以建议没有基础的小伙伴可以加入学习群进行学习，有基础的伙伴加入交流起来。

QQ群：714283180

1.过debugger

要知道，debugger的形式还是很多的，不能一味照抄代码，要随机应变，

1.1通过hook Function.prototype.constructor判断是否有debugger字样返回空方法即可

let origin = Function.prototype.constructor
Function.prototype.constructor = function(p){
    if (p.indexOf('debugger')!==-1){
        return function(){}
    }else{
        return orgin.apply(this,arguments)
    }
}

1.2通过hook ``eval也是一样，判断是否有debugger字样返回""`即可，具体要仔细分析，谨慎处理，防止误伤有用代码。

let oreval = eval
eval = function(code){
    if (code.indexOf('debugger')!==-1){
        return ""
    }
    return oreval.apply(this,arguments)
}

2.补环境

对于新手而言，网上补环境的源码还是很多的，白嫖一份基础的补环境的源码来，在基础上自己进行加工创造，总比从0开始的好呀。

其实补环境总结起来就是树状补充，我们用常见的dom的createElement函数来说：

    createElement:function(arg){
        console.log('createElement 函数被调用了，参数列表：',arguments)
        if(arg === "a"){
        	let my_a = {}
			return my_Proxy(my_a,"my_a")
        }
        if(arg === 'div'){
            return my_Proxy({},"my_a")
        }
        if(arg === "form"){
            return {}
        }
    },

你得实现链式的代理，补充上去的对象都是有可能继续进行更深层级的属性的检测的，比如上面的补充了元素的创建，那么创建后返回的my_a对象有可能继续被检测，所以需要给my_a也挂上代理看看是否有进一步的检测。