Más contenido relacionado La actualidad más candente (20) Similar a 【Topotal輪読会】JavaScript で学ぶ関数型プログラミング 1 章 (20) Más de Narimichi Takamura (11) 【Topotal輪読会】JavaScript で学ぶ関数型プログラミング 1 章6. apply メソッドを用いた例
function splat(fun) {
return function(array) {
// null を指定すると暗黙的にグローバルオブジェクトに変換される
return fun.apply(null, array);
};
}
var addArrayElements = splat(function(x, y) { return x + y });
addArrayElements([1, 2]);
//! 3
返り値として関数を返す関数
→ 関数型プログラミングの入り口!
7. arguments 変数
• すべての関数内で arguments ローカル変数にアクセス可能
• 関数呼び出し時に引数として与えられた値を保持
function func() {
for (var i = 0, l = arguments.length; i < l; i++) {
alert(arguments[i]);
}
};
func(1,2,3)
//! 1
//! 2
//! 3
9. call メソッドと arguments 変数を用いた例
• 任意の引数を渡すことが可能
function unsplat(fun) {
return function() {
return fun.call(null, _.toArray(arguments));
};
}
var joinElements = unsplat(function(array) { return array.join(' ') });
joinElements(1, 2);
//! "1 2"
joinElements('-', '$', '/', '!', ':');
//! "- $ / ! :"
23. function parseAge(age) {
if (!_.isString(age)) throw new Error('引数は文字列である必要があります');
var a;
console.log("age を数値に変換しようとしています");
a = parseInt(age, 10);
if (_.isNaN(a)) {
console.log(["age を数値に変換できませんでした : ", age].join(''));
a = 0;
}
return a;
}
26. 関数に抽象化
functon fail(thing) {
throw new Error(thing);
}
function warn(thing) {
console.log(["警告 : ", thing].join(''));
}
function note(thing) {
console.log(["情報 : ", thing].join(''));
}
27. サンプルコード 改
function parseAge(age) {
if (!_.isString(age)) fail('引数は文字列である必要があります'); ☆
var a;
note("age を数値に変換しようとしています"); ☆
a = parseInt(age, 10);
if (_.isNaN(a)) {
warn(["age を数値に変換できませんでした : ", age].join('')); ☆
a = 0;
}
return a;
}
33. 例: sort()
辞書順なので数字の大小に関係なくソートされる
[2, 3, -6, 0, -108, 42].sort();
//! [-108, -6, 0, 2, 3, 42]
[0, -1, -2].sort();
//! [-1, -2, 0]
[2, -3, -1, -6, 0, -108, 42, 10].sort();
//! [-1, -108, -6, 0, 10, 2, 3, 42]
34. comparator 関数を用いた場合
function compareLessThanOrEqual(x,y) {
if (x < y) return -1;
if (x > y) return 1;
return 0;
}
[2, -3, -1, -6, 0, -108, 42, 10].sort(compareLessThanOrEqual);
//! [-108, -6, -3, -2, -1, 0, 10, 42]
if (compareLessThanOrEqual(1,1)) cosolelog("同じか小さい");
// なにも表示されない
35. プレディケート(predicate)
常に真偽値を返す関数
function lessOrEqual(x, y) {
return x<=y;
}
if (lessOrEqual(1,1)) consolelog("同じか小さい");
// 同じか小さい
[2, -3, -1, -6, 0, -108, 42, 10].sort(lessOrEqual);
//! [42, 10, 0, -1, -2, -3, -6, -108] ← 逆順になってる
36. 高階関数によるマッピング
関数を引数にとり、新しい関数を生成して返す関数
function comparator(pred) {
return function(x, y) {
if (truthy(pred(x, y)))
return -1;
else if (truthy(pred(y, x)))
return 1;
else
return 0;
};
[100,1,0,10,-1,-2,-1].sort(comparator(lessOrEqual));
//! [-2,-1,-1,0,1,10,100]
40. 有用な関数その2: truthy()
与えられた値が true とみなされるかどうかを判定する
function truthy(x) { return (x !== false) && existy(x) };
truthy(false);
truthy(undefined);
//! false
truthy(0);
truthy('');
//! true
41. existy, truthy の応用
true なら実行、それ以外なら undefined を返す
function doWhen(cond, action) {
if (truthy(cond))
return action();
else
return undefined;
}
42. Array#map
配列のそれぞれの要素に対して引数に与えた関数を実行し、
それぞれの実行結果を格納した配列を返す
[null, undefined, 1, 2, false].map(existy);
//! [false, false, ture, true, true]
[null, undefined, 1, 2, false].map(truthy);
//! [false, false, ture, true, false]
46. 1.3 Underscore について
• なんで使ったの
• いちいち map とか実装してる暇はない
• map の実装ではなく概念が説明したいんじゃ!
• Underscore は基本的なライブラリがきちんと ってる
• 車輪の再発明しても益少なかろうよ
→ Topotal 1系...
47. 1.4 まとめ
• 入門的なトピックを扱った
• JavaScript アプリケーションを構築する一つの方法が「関数
型プログラミング」
• 抽象を導き出して関数として構築する
• すでに存在する関数を使って、より複雑な抽象を構築する
• すでに存在する関数を別の関数に渡すことによって、さら
に複雑な抽象を構築する