javascript 精粹笔记
更新时间:2010年05月09日 11:27:48 作者:
javascript 精粹笔记,都是一些js下应用技巧之类,学习js的朋友可以简单的参考浏览下。
//为构造函数原型添加方法
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
//闭包经典例子片段
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
//闭包经典例子片段
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
相关文章
JavaScript设计模式之原型模式分析【ES5与ES6】
这篇文章主要介绍了JavaScript设计模式之原型模式,简单描述了原型模式的概念、原理,并结合实例形式分析了ES5与ES6实现原型模式的相关操作技巧,需要的朋友可以参考下2018-07-07javascript 延迟加载技术(lazyload)简单实现
延迟加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.2011-01-01
最新评论