javascript之复习(框架里的方法们)

时间:2023-03-08 16:30:52

继上次整理,一些东西没有整理完。就写在这。可能比较乱比较杂,因为都是整理的一些东西,也没有到做成专题的程度。

1.String.repeat()

大家要实现重复一个字符串的重复怎么写呢,反正我的第一想法就是:

function repeat(str,n){
var sum='';
for (var i = 0; i <n; i++) {
sum+=str;
};
return sum;
}
console.log(repeat('ab',3));

其实优化就是把多于的变量消除,多了一个sum变量,总是不太好的,然而人家想的总是比较好的,内置的方法,没有中间变量:

function repeat(target,n){
return (new Array(n+1)).join(target);
}
function repeat(target,n){
return [].join.call({length:n+1},target)
}

这是某框架里的,像这样的函数其实蛮多的,作者这代码的质量一看就…


中间休息分享兼容问题:

unshift ie6.7下不返回长度

splice一个参数的情况下,ie6、7、8默认为0,其他浏览器默认为数组length


2.bind()

bind经常用在本地上下文下调用非本地上下文的函数,跟apply,call差不多,其实源码就是封装了apply:

Function.prototype.bind = function(context) {
if (arguments.length<2&&context==void 0) { //context为空返回this
return this;
}
var __method=this,args=[].slice.call(arguments,1);//取到context后面的参数
return function(){ //执行此方法,传入context环境
return __method.apply(context,args.concat.apply(args,arguments));
}
}

3.柯里化函数curry

function curry(fn){
function inner(len,arg){
if (len==0) {
return fn.apply(null,arg)
};
return function(x){
return inner(len-1,arg.concat(x));
}
}
return inner(fn.length,[])
}

一个函数返回另一个函数,第一个参数是参数的长度,没返回一次length-1,剩下的参数原封不动的扔给返回的函数,再加上新给的参数;

原本的一个

function sum(x,y,z,w){
return x+y+z+w;
}
//柯里化调用
curry(sum)('a')('b')('c')('d');

sum函数,柯里化之后就可以改变参数的传递方式,thunk也是差不多。

如果用户想传入多个参数怎么办?那我们改进一下curry:

function curry2(fn){
function inner(len,arg){
if (len<=0) {
return fn.apply(null,arg)
};
return function(){
return inner(len-arguments.length,arg.concat(Array.apply([],arguments)))
}
}
return inner(fn.length,[])
}
curry2(sum)()('b','c')('d')//'bcd'

把length依次-1改成参数减参数的长度,就能实现;