情景: 实时处理用户输入的数据然后处理
问题描述：执行下面类的render函数的时候 刚开始的时候会卡顿几秒，后面就好了。问题出在哪里。执行是每次用户输入的时候

class Parser{
    constructor(){
        this.originValue = "";
        this.tempValue ='';
        this.lineValue ='';
        this.title_reg = /#+/g;
    }
    render(value){
        this.originValue = value;
       return this.format();
    }
    format(){
            let childArr =[]; //匹配到的字符串数组
            let tempArr =[]; //临时
            this.tempValue = this.originValue;
            //处理换行符
            tempArr = this.tempValue.split("\n");
            if(tempArr.length!=0){
                this.tempValue="";
                for(let i=0;i<tempArr.length;i++){
                    this.tempValue+=`<p>${tempArr[i]}</p>`
                }
            }
            //处理###这样的标题
            childArr = this.originValue.match(this.title_reg)||[];
            if(childArr!=[]){
                childArr = [...new Set(childArr)];
                for(let i=0;i<childArr.length;i++){
                    let reg = new RegExp(childArr[i],"gm")
                    this.tempValue = this.tempValue.replace(reg,`<span style="color:red">${childArr[i]}</span>`);
                }
            }
            return `<div>${this.tempValue}</div>`
    }
}