undersscoreシリーズの内部関数rertArgs
4858 ワード
パーティー
『JavaScript特定のテーマの偏り関数』において、関数を固定するためのパラメータの一部を記述しました.実現コードは以下の通りです.
ES 6は、私たちに残りのパラメータ文法を提供し、一定数のパラメータを配列として表現することができます.
操作子を使わないなら、ES 5だけの内容で、どうやって実現しますか?
我々は、関数の最後のパラメータを使用して、残りの関数パラメータを保存します.効果は以下の通りです.
着信関数の最後のパラメータを使って残りのパラメータをデフォルトで保存します.より柔軟にするために、startIndexを指定するためのパラメータを追加します.指定がない場合は、デフォルトで最後のパラメータを使用します.
また、Aray(length)を使って配列を作成し、lengthの計算方法は、argments.length-startIndexであり、この値は負の値である可能性があります.たとえば:
正常に業務を書くなら、ここで書き終わるかもしれませんが、undersscoreの考えはもっと多いです.callの性能がappleより高いため、undersscoreは最適化しました.
undersscoreを使う時、私達は_.この関数は、restargsの形で呼び出されます.
レスアーツとpartial
最後に、私達の書いたrestargs関数を使ってpartial関数を書き換えます.
undersscoreシリーズのディレクトリアドレス:https://github.com/mqyqingfeng/Blog.
undersscoreシリーズは8編ぐらい書く予定で、undersscoreのコードアーキテクチャ、チェーン呼び出し、内部関数、テンプレートエンジンなどの内容を重点的に紹介します.ソースを読むことと自分のundercoreを書くことを目的としています.
間違いや不備があったら、ぜひ指摘してください.ありがとうございます.好きだったり、何かを啓発したりすれば、starを歓迎し、作者に対しても励みになります.
『JavaScript特定のテーマの偏り関数』において、関数を固定するためのパラメータの一部を記述しました.実現コードは以下の通りです.
//
function partial(fn) {
var args = [].slice.call(arguments, 1);
return function() {
var newArgs = args.concat([].slice.call(arguments));
return fn.apply(this, newArgs);
};
};
レスト・パラマーES 6は、私たちに残りのパラメータ文法を提供し、一定数のパラメータを配列として表現することができます.
function fn(a, b, ...args) {
console.log(args); // [3, 4, 5]
}
fn(1, 2, 3, 4, 5)
この特性を利用してpartialの実現コードを簡略化できます.function partial(fn, ...args) {
return function(...partialArgs) {
var newArgs = args.concat(partialArgs);
return fn.apply(this, newArgs);
};
};
デモを書いて、テストしてください.function add(a, b) {
return a + b;
}
var addOne = partial(add, 1);
console.log(addOne(2)); // 3
レジュアーツ操作子を使わないなら、ES 5だけの内容で、どうやって実現しますか?
我々は、関数の最後のパラメータを使用して、残りの関数パラメータを保存します.効果は以下の通りです.
var func = restArgs(function(a, b, c){
console.log(c); // [3, 4, 5]
})
func(1, 2, 3, 4, 5)
私たちは一面を書きます.//
function restArgs(func) {
return function(){
// startIndex
var startIndex = func.length - 1;
var length = arguments.length - startIndex;
var rest = Array(length)
var index = 0;
//
// , :
// rest [3, 4, 5]
for (; index < length; index++) {
rest[index] = arguments[index + startIndex]
}
// args [1, 2, undefined]
var args = Array(startIndex + 1);
for (index = 0; index < startIndex; index++) {
args[index] = arguments[index]
}
// args [1, 2, [3, 4, 5]]
args[startIndex] = rest;
return func.apply(this, args)
}
}
最適化着信関数の最後のパラメータを使って残りのパラメータをデフォルトで保存します.より柔軟にするために、startIndexを指定するためのパラメータを追加します.指定がない場合は、デフォルトで最後のパラメータを使用します.
また、Aray(length)を使って配列を作成し、lengthの計算方法は、argments.length-startIndexであり、この値は負の値である可能性があります.たとえば:
var func = restArgs(function(a, b, c, d){
console.log(c) //
})
func(1, 2)
だからもう一回書きます.//
function restArgs(func, startIndex) {
startIndex = startIndex == null ? func.length - 1 : +startIndex;
return function(){
var length = Math.max(arguments.length - startIndex, 0);
var rest = Array(length)
var index = 0;
for (; index < length; index++) {
rest[index] = arguments[index + startIndex]
}
var args = Array(startIndex + 1);
for (index = 0; index < startIndex; index++) {
args[index] = arguments[index]
}
args[startIndex] = rest;
return func.apply(this, args)
}
}
パフォーマンス最適化正常に業務を書くなら、ここで書き終わるかもしれませんが、undersscoreの考えはもっと多いです.callの性能がappleより高いため、undersscoreは最適化しました.
//
var restArgs = function(func, startIndex) {
startIndex = startIndex == null ? func.length - 1 : +startIndex;
return function() {
var length = Math.max(arguments.length - startIndex, 0),
rest = Array(length),
index = 0;
for (; index < length; index++) {
rest[index] = arguments[index + startIndex];
}
//
switch (startIndex) {
case 0:
return func.call(this, rest);
case 1:
return func.call(this, arguments[0], rest);
case 2:
return func.call(this, arguments[0], arguments[1], rest);
}
var args = Array(startIndex + 1);
for (index = 0; index < startIndex; index++) {
args[index] = arguments[index];
}
args[startIndex] = rest;
return func.apply(this, args);
};
};
これで、レストアーツ関数は完成しました.undersscoreの多くの関数はinvoke、without、union、difference、bind、partial、bindAll、delayのようです.undersscoreを使う時、私達は_.この関数は、restargsの形で呼び出されます.
レスアーツとpartial
最後に、私達の書いたrestargs関数を使ってpartial関数を書き換えます.
var partial = restArgs(function(fn, args){
return restArgs(function(partialArgs) {
var newArgs = args.concat(partialArgs);
return fn.apply(this, newArgs);
})
})
function add(a, b, c) {
return a + b + c;
}
var addOne = partial(add, 1);
console.log(addOne(2, 3)); // 6
アンダースコアシリーズundersscoreシリーズのディレクトリアドレス:https://github.com/mqyqingfeng/Blog.
undersscoreシリーズは8編ぐらい書く予定で、undersscoreのコードアーキテクチャ、チェーン呼び出し、内部関数、テンプレートエンジンなどの内容を重点的に紹介します.ソースを読むことと自分のundercoreを書くことを目的としています.
間違いや不備があったら、ぜひ指摘してください.ありがとうございます.好きだったり、何かを啓発したりすれば、starを歓迎し、作者に対しても励みになります.