投稿2016/04/16 11:00
JavaScriptにおいて、関数式で書くべきか、関数宣言で書くのか、おそらく正解はなく、すでに様々なところで議論されていると思いますが、みなさんはどのように書いているのでしょうか？両者の違いについての質問・回答はすでにいくつかありましたが、結局のところ2016年時点でどのような使い方が良しとされているのかについては明確ではなく、興味があったので質問してみました。
es6への対応も進み、ある程度型が絞れそうな node.js でのケースを例に書いてみました。関数式と関数宣言を混在させる気持ち悪さがありますが、関数宣言の巻き上げは利用価値ががあると思っています。
javascript
1'use strict'; 2const zzzFunc = require('./lib/zzz'); 3： 4function AAA() { 5 // 基本的には関数式で書く 6 const bbbFunc = () => { 7 ： 8 CommonA(); 9 CommonB(); 10 ： 11 }; 12 const cccFunc = () => { ... CommonA(); ... }; 13 const dddFunc = () => { ... CommonB(); ... }; 14 15 // 複数の関数式内で呼ばれる関数は関数宣言にしておく 16 function CommonA() { ... } 17 function CommonB() { ... } 18 19 // 実行 20 bbbFunc() 21 .then(cccFunc) 22 .then(dddFunc) 23 .then(zzzFunc) 24 .catch( e => console.log('ERR: ', e) ); 25 26 /*// OR モジュールを外部から利用 27 return { 28 bbb : bbbFunc, 29 ccc : cccFunc, 30 ddd : dddFunc 31 }; 32 *//////////// 33} 34 35module.exports = AAA;
回答2件
0
関数宣言/関数式は用途に合わせて使い分けるものなので統一的にどちらを選択するか検討すべきところではないと思います。
無名関数式は頻繁に使うものではないと思います。
無名関数式は Function#name がないのでデバッグ時に切り分けがやりづらくなります。
無名関数式は名前付き関数式に変更しても動く為、基本的には名前つき間数式を使うと良いと思います。
アロー関数は関数スコープで this 値を束縛したくない場合において有効です。
JavaScript
1function Hoge (x) { this.x = x; } 2Hoge.prototype.foo = function foo () { 3 setTimeout(() => console.log(this.x), 1000); 4}; 5 6new Hoge(3).foo();
ただし、アロー関数も名前がないので必要な時だけ利用する事になります。
Re: bleurouge さん
投稿2016/04/16 11:42
編集2016/04/16 13:30
総合スコア18162
0
私自身は基本的にCoffeeScriptしか書かないので、悩んだことはありません。CoffeeScriptでは関数宣言にあたる記法はありませんが、問題になったことはありません。そもそも、基本的にクラスを書くことになるため、クラスとは関係ない関数を単独で書くことはラムダ式扱いの無名関数を除くとほとんどありません。
私自身のことは置いておいて、2016年で最も良い方法は？と言われた場合、お勧めするのは、
TypeScriptを用いてクラスベースで書く
です。
複雑かつ大規模化する昨今のJavaScriptにおいて、TypeScriptの静的型付けはかなり大きなアドバンテージを得られます。また、基本的にクラスのメソッド(メンバー関数)として書くようにすることで、関数を単独で書くこと自体をなくします。ですので、関数宣言と関数式のどちらでもなく、クラスでのメソッドの書き方とラムダ式としての無名関数以外で関数を書くことがなくなります。
プロトタイプベースオブジェクト指向はとても柔軟で強力ですが、いかんせん使いこなすにはテクニカルな部分が多く、かなりの知識と慣れが必要になります。反面、クラスベースオブジェクト指向はデザインパターンなどの研究も進んでおり、他言語での採用が多いことから、扱いやすさと言う面では圧倒的と言っても良いでしょう。クラスベースオブジェクト指向を前面に出し、クラスを基本として記述することが最良と考えています。
JavaScriptを関数型言語として扱い、関数を主体としたいと考える人もいるでしょう。しかし、JavaScriptは関数型言語としては不十分な点が多く、扱いにくいと私は思っています。TypeScriptも関数型言語としての側面は重要視しておらず、JavaScriptに準じています。より関数型言語のように扱いたければ、PureScriptやLiveScriptの採用を検討すべきです。これらには、関数のカリー化や部分適用、関数合成、パイピング、リスト内包表記、モナド(PureScriptのみ)、そして強力なPreludeが用意されており、関数型プログラミングがとても書きやすくなっています。
ECMAScript2015でも良いのではと思うかも知れませんが、TypeScriptの静的型付けが強力なため、ECMAScript2015を使うメリットがあまりありません。Reactを使う場合はBabelを使ってJSX変換で優位というのもありましたが、TypeScriptがJSX表記に対応したため、TypeScriptを使わない理由が無くなりました。node.jsやElectronであれば、ネイティブである程度対応しているというのは確かにありますが、V8エンジンも全てに対応しているわけで無いこと、他ブラウザ向けにするときはES5に変換が必須なことを考えると、結局、TypeScriptと同じように変換は必要になったりします。そもそもその変換も多くのタスクツールが用意されているため、それほど問題になりません。また、規模が小さく、静的型付けを使うほどでも無いというのであれば、CoffeeScriptを使った方がはるかに楽です。
以上、かなり偏った意見ですが、参考になれば幸いです。なお、私自身はOpalを検討中ですが、色々とうまくいかないところがあるのでちょっと悩み中です。
投稿2016/04/16 13:46
編集2016/04/16 14:10
総合スコア21735
あなたの回答
tips
プレビュー
Q&A
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/16 12:45
2016/04/16 13:12 編集
2016/04/16 14:05 編集
2016/04/16 15:47
2016/04/16 19:38 編集
2016/04/17 02:57
2016/04/17 07:36
2016/04/17 08:37