javascript 精粹筆記
更新時(shí)間:2010年05月09日 11:27:48 作者:
javascript 精粹筆記,都是一些js下應(yīng)用技巧之類,學(xué)習(xí)js的朋友可以簡單的參考瀏覽下。
//為構(gòu)造函數(shù)原型添加方法
Function.method=function(name,func){
this.prototype.name=func;
}
Number.method("integer",function(){
return Math[this < 0 ? 'ceil':'floor'](this);
});
(-10/3).integer();//-3
String.method("trim",function(){
return this.replace(/^\s+|\s+$/g,'');
})
" neat ".trim();//neat
//閉包
var quo = function(status){
return{
get_status:function(){
return status;
}
}
}
var myQuo = new quo("amazed");
myQuo.get_status();//amazed
//閉包經(jīng)典例子片段
for(var i=0;i<lis.length;i++){
lis.onclick=function(i){
return function(){
alert(i);
};
}(i);
}
//套用
Function.method("curry",function(){
var slice=Array.prototype.slice,
args = slice.apply(arguments),
that = this;
return function(){
return that.apply(null,args.contact(arguments));
}
})
//記憶 遞歸
var memoization = function(memo,usefn){//抽象化
var fn = function(n){
var result = memo[n];
if(typeof result!=='number'){
result=usefn(fn,n);
memo[n]=result;
}
return result;
};
return fn;
};
var factorial= memoization([0,1],function(fn,n){//遞歸的形式
return fn(n-1)*n
});
factorial(5)//120
Function.method=function(name,func){
this.prototype.name=func;
}
Number.method("integer",function(){
return Math[this < 0 ? 'ceil':'floor'](this);
});
(-10/3).integer();//-3
String.method("trim",function(){
return this.replace(/^\s+|\s+$/g,'');
})
" neat ".trim();//neat
//閉包
var quo = function(status){
return{
get_status:function(){
return status;
}
}
}
var myQuo = new quo("amazed");
myQuo.get_status();//amazed
//閉包經(jīng)典例子片段
for(var i=0;i<lis.length;i++){
lis.onclick=function(i){
return function(){
alert(i);
};
}(i);
}
//套用
Function.method("curry",function(){
var slice=Array.prototype.slice,
args = slice.apply(arguments),
that = this;
return function(){
return that.apply(null,args.contact(arguments));
}
})
//記憶 遞歸
var memoization = function(memo,usefn){//抽象化
var fn = function(n){
var result = memo[n];
if(typeof result!=='number'){
result=usefn(fn,n);
memo[n]=result;
}
return result;
};
return fn;
};
var factorial= memoization([0,1],function(fn,n){//遞歸的形式
return fn(n-1)*n
});
factorial(5)//120
相關(guān)文章
JS中對數(shù)組元素進(jìn)行增刪改移的方法總結(jié)
本文主要JS中對數(shù)組元素進(jìn)行增刪改移的方法,用表格的形式進(jìn)行整理,方便閱讀,具有很好的參考價(jià)值,下面就跟小編一起來看下吧2016-12-12JavaScript設(shè)計(jì)模式之原型模式分析【ES5與ES6】
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之原型模式,簡單描述了原型模式的概念、原理,并結(jié)合實(shí)例形式分析了ES5與ES6實(shí)現(xiàn)原型模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07JS實(shí)現(xiàn)的論壇Ajax打分效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的論壇Ajax打分效果,以完整實(shí)例形式分析了JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2015-10-10javascript中利用數(shù)組實(shí)現(xiàn)的循環(huán)隊(duì)列代碼
javascript中利用數(shù)組實(shí)現(xiàn)的循環(huán)隊(duì)列代碼,需要的朋友可以參考下。2010-01-01javascript 延遲加載技術(shù)(lazyload)簡單實(shí)現(xiàn)
延遲加載技術(shù)(簡稱lazyload)并不是新技術(shù), 它是js程序員對網(wǎng)頁性能優(yōu)化的一種方案.2011-01-01js實(shí)現(xiàn)瀑布流的一種簡單方法實(shí)例分享
現(xiàn)在說瀑布流式布局似乎有點(diǎn)晚了,但是每一項(xiàng)技術(shù)都是向著“精”和“簡”的方向在不斷發(fā)展,在發(fā)展到極致之前,需要一個(gè)相當(dāng)漫長的過程,因此,從這個(gè)角度來說,當(dāng)瀑布流被應(yīng)用得越來越多的時(shí)候,反而更應(yīng)該討論它,討論如何將它改善2013-11-11