作为以为麻袋前端,js弱到不行,快忘了,写一些函数的封装复习一下
1、queryUrlParamter封装
var str="www.baidu.com?hfkjh=hdj&hdfjdg=gfdhsg"
String.prototype.queryUp=function(){
var obj={};
var reg=/([^?=&]+)=([^?=&]+)/g;
this.replace(reg,function($0,$1,$2){
obj[&1]=$2
})
return obj;
}
fomatDate封装;
var strDate='2017-6-13 0:20:30'
var str='{0}年{1}月{2}日 {3}时{4}分{5}秒'
var StrAry=this.match(/\d+/g);
return str.replace(/{\d+}/g,function($0,$1,$2){
var tmp=ary[$1];
tmp=tmp>=0&&tmp<10?'0'+tmp:tmp
return tmp
})
}
console.log(strDate.fomatDate(str))
共有属性封装hasPubProperty;
function hasPubProperty(attr,obj){
return attr in obj&&!obj.hasOwnProperty(obj)
}
createObject 封装
function createObject(obj2){
function F(){}
F.prototype=obj2;
return new F;
}
var obj=createObject(obj2)
match(批量捕获) 是es5产生的方法针对与ie当然是不兼容啦!
var str='fhjshfj13123123hsdjfhj131231jdhajkshdaj13123',reg=/\d+/g;捕获数字
String.prototype.myMatch=function(reg){
var ary=[],res=reg.exec(this)
while(res){
ary.push(res[0]);
res.exec(this)
}
return ary
}
console.log(str.myMatch(reg))
封装forEach,ie9一下不兼容,和长度有关系!
var ary=[12,12,13,14,15,16];
var b={};
Array.prototype.myForeach=function(a,b){
b=b||window;
if('forEach' in Array.prototype){
this.forEach(a,b)
return;
}
for(var i=0;i<this.length;i++){
a.call(b,this[i],i,this)
}
ary.myForeach(function(item,index,array){
},b)
同理我们可以封装map ie不兼容
var ary=[12,12,13,14,15,16];
var b={};
Array.prototype.myForeach=function(a,b){
b=b||window;
if('map' in Array.prototype){
this.forEach(a,b)
return;
}
var ary=[];
for(var i=0;i<this.length;i++){
var a=a.call(b,this[i],i,this)
ary.push(a);
}
return ary;
}
ary.myForeach(function(item,index,array){
},b)