其实，只是再多想一点

2023年5月25日 112次阅读 来源: 蓝天海礁

Jquery再熟悉不过，其中的$.ajax封装也不陌生，其中

$.ajax({
    url:url,
    type:"GET",
    data:data,
    success:function(res){
        
    },
    error:function(err){
        
    }
});

以前比较喜欢success固定回调这种写法，很清晰
接下来实现success和error这种语法

var $={
    ajax(call){
        if(call.bol){
          call.success("成功的回调");  
        }else{
            console.error("bol is undefined");//提示
        }
    }
}

调用：

$.ajax({
    bol:false,//切换bol存在即可调用成功回调
    success:function(res){
        console.log(res);
    },
    error:function(err){
        console.log(err);
    }
});

类似物流信息，后台返回一个字符串，前端识别出连续的11位数字，并且可拨打电话

做这里的时候，想要跟后台多要一个字段为电话，前端再a标签直接包起来。但是后台接的也是三方，三方返回就是一个整串……
后来仔细想想这个流程，即使后台多给一个字段，这需求一样做不完美
比如这个串是这样的：

'您的快递正在配送，配送员电话:17600699305,某某快递持续为您服务'

后台分了俩字段
‘str1=您的快递正在配送，配送员电话:,某某快递持续为您服务' str2='17600699305'
这个str2插到str1的哪里呢？显然也不好弄。
那还不如不麻烦后台，前端自己消化。
‘识别连续的11位数字’，第一想到的就是正则：

var str='您的快递正在配送，配送员电话:17600699305,某某快递持续为您服务',strCon=str.match(/\d{11}/);

match符合条件会返回一个数组，包含 匹配到的内容，内容的开始下标，整个内容,还有个groups（求释义）
接下来封装实现：

function continuFunc(str){
    var strBol=str.match(/\d{11}/);
    if(strBol){
       return strBol.input.slice(0,strBol.index)+'<a href="tel:'+strBol[0]+'">'+strBol[0]+'</a>'+strBol.input.slice(strBol.index+strBol[0].length,str.length);
    }
}

就是分成三个部分返回，以匹配到的11位连续数字为节点，前后各为两部分，再进行拼接。
index就是匹配区的开始下标，所以第一部分从0取到下标，第二部分已经返回，第三部分取index+字符长度(11)——结尾

toFixed()方法如何实现(保留n位小数)

刚开始看到是不是很慌，这方法调用的时候都是Number.toFixed(),而常规的函数封装都是

function Func(argu){
    return argu;
}

调用都是Func('调用');，很慌。
这种函数基本都是绑定在原型上的，不难发现，调用toFixed方法的都是Number类型，所以toFixed方法应该就是绑定在Number的prototype了，接下来分析内部实现问题

Number.prototype.toDiyFixed=function(n){
    return (Math.round(this * Math.pow( 10, n ))/ Math.pow( 10, n)).toString();
}

调用：var num=100.123, a.toDiyFixed(2)得到100.12。
toDiyFixed方法就成功的copy了toFixed方法。
就a=100.123这个例子讲实现原理：把原数 num先乘以100(n是多少就乘以10的几次方)，再进行四舍五入，(去除小数两位之后的小数，因为乘以100以后，前两位小数已经变为整数部分，四舍五入操作就不会影响了)，至此完成保留2（n）位小数的操作。
注意：但是，这个方法有个问题，就是不会自动向末尾补0，比如说100.196保留两位小数应该得到100.20,但是该方法只能拿到100.2,100.201应该得到100.20,但该方法得到100.2,目前还没想到解决办法，欢迎一起交流探讨，但是基础功能可以实现.
另外说个原生toFixed的bug:
0.7.toFixed(0)发现得到的是1(IE)
0.035和0.045保留两位小数后得到的都是0.04(Chrom),当然如果觉得这点误差无所谓，10.35、10.45保留两位小数得到10.3、10.4发现都是错的,这是不容小觑的数字了吧，后来查阅资料说，js的toFixed方法用的是”银行家算法“，实质就是 ”四舍六入无成双“，那啥意思呢，当舍去位的数值小于5时，直接舍去该位；当舍去位的数值大于等于6时，在舍去该位的同时向前位进一；当舍去位的数值等于5时，如果前位数值为奇，则在舍去该位的同时向前位进一，如果前位数值为偶，则直接舍去该位。
按照这个说法，在Chrom还是行不通的，10.35应该得到10.4，10.45得到10.4没问题，有些摸不到边了，所以自定义一下toDiyFixed这个方法以便备用

总结：

javaScript日益强大，各种语言逐步向它靠近。(✌️) 开发中一般时间很紧迫，好多东西都没工夫想，所以还有很多要优化的地方，有时候，放慢脚步，可能也是一种进步吧！

    原文作者：蓝天海礁
    原文地址: https://segmentfault.com/a/1190000015650356
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞