最近のブラウザの JavaScript では class 構文が動く
【スポンサーリンク】
Firefox 45 正式版がリリースされたことにより、Firefox、Google Chrome、Microsoft Edge では、デフォルトで JavaScript の class 構文がサポートされるようになりました。つまり、他のプログラミング言語でも馴染みのあるクラスを用いたオブジェクト指向プログラミングが可能となります。
class Browser { constructor(name) { this.name = name; } greet() { console.log('Hello, ' + this.name); } } var edge = new Browser('Edge'); edge.greet(); // Hello, Edge var chrome = new Browser('Chrome'); chrome.greet(); // Hello, Chrome var firefox = new Browser('Firefox'); firefox.greet(); // Hello, Firefox
クラスの継承もサポートします。
class LegacyBrowser extends Browser { greet() { console.log('Good bye, ' + this.name); } } var ie = new LegacyBrowser('IE'); ie.greet(); // Good bye, IE
なお、今まではプロトタイプを用いた次のようなコードでオブジェクト指向プログラミングを実現していました。
var Browser = (function () { function Browser(name) { this.name = name; } Browser.prototype.greet = function () { console.log('Hello, ' + this.name); }; return Browser; }()); var edge = new Browser('Edge'); edge.greet(); // Hello, Edge var chrome = new Browser('Chrome'); chrome.greet(); // Hello, Chrome var firefox = new Browser('Firefox'); firefox.greet(); // Hello, Firefox
- 作者: David Flanagan,村上列
- 出版社/メーカー: オライリージャパン
- 発売日: 2012/08/10
- メディア: 大型本
- 購入: 12人 クリック: 252回
- この商品を含むブログ (18件) を見る