2019-7-25 seo達人
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
多參數(shù)柯里
原生bind
實現(xiàn)promise
防抖節(jié)流函數(shù)
多參數(shù)柯里化
參數(shù)fn可以是function(a,b,c){}，也可以是function(a,b,c,d,f){}
// 支持多參數(shù)傳遞
function progressCurrying(fn, args) {
var _this = this
var len = fn.length;
var args = args || [];
return function() {
var _args = Array.prototype.slice.call(arguments).concat(args);
// 如果參數(shù)個數(shù)小于最初的fn.length，則遞歸調(diào)用，繼續(xù)收集參數(shù)
if (_args.length < len) {
return progressCurrying.call(_this, fn, _args);
}
// 參數(shù)收集完畢，則執(zhí)行fn
return fn.apply(this, _args);
}
}
原生js實現(xiàn)bind
Function.prototype.myBind = function(Othis){
if(typeof this !== "function"){
return new TypeError("not a function");
}
let _this = this;
let args = [...arguments].slice(1);
let func = function(){};
let fBound = function () {
return _this.apply(this instanceof func ?this:Othis,[...arguments].concat(args));
}
func.prototype = _this.prototype;
fBound.prototype = new func();
return fBound;
}
防抖函數(shù)
//每wait時間內(nèi)執(zhí)行一次，若期間被觸發(fā)，則重新執(zhí)行
function debounce(func,wait) {
var timeout ;
return function(){
let args = [...arguments];
let _this = this;
if(timeout){
clearTimeout(timeout);
}
timeout = setTimeout(function() {
func.apply(_this,args);
}, wait);
}
}
節(jié)流函數(shù)
//每wait時間執(zhí)行一次
function throttle(func,wait){
var timeStart = 0 ;
return function(){
let _this = this;
let args = [...arguments];
let now = Date().now();
if(now - timeStart >wait){
func.apply(_this,args);
timeStart = now;
}
}
}
實現(xiàn)一個promise
function _Promise(func){
this.status = 'pending'
this.result = '' ;
func(this.resolve.bind(this),this.reject.bind(this));
}
_Promise.prototype.resolve = function(result){
if(this.status == 'pending'){
this.status = 'fullfilled';
this.result = result;
}
}
_Promise.prototype.reject = function(error){
if(this.status == 'pending'){
this.status = 'rejected';
this.result = error;
}
}
_Promise.prototype.then = function(preResolve,preReject){
let _isPromise ;
if(this.status == 'fullfilled'){
_isPromise = preResolve(this.result);
}else if(this.status == 'rejected' && arguments[1]){
_isPromise = preReject(this.result);
}
return _isPromise instanceof _Promise ? _isPromise:this;
}
實現(xiàn)一個promise.all()
function promiseAll(promiseArray){
//首先參數(shù)一定是一個數(shù)組
//然后此函數(shù)返回的是一個promise,如果全部成功，則返回結果的數(shù)組，只要有一個失敗，則返回失敗的結果
return new Promise(function (resolve,reject){
if(!Array.isArray(promiseArray)){
return reject(new TypeError("not a function"));
}
let resolveNum = 0;
let arrNum = promiseArray.length;
let resolveResult = [];
for(let i=0; i<arrNum ;i++){
(function (i){
Promise.resolve(promiseArray[i]).then(function(result){
resolveNum ++;
resolveResult.push(result);
if(resolveNum == arrNum){
return resolve(resolveResult);
}
},function(error){
return reject(error);
})
})(i);
}
}) //返回的promise結束
}
藍藍設計( www.lapeinture.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、網(wǎng)站建設 、平面設計服務。