クラス -> グレートなつくりかた
JavaScript は滅多に使わないので、今までクラスとは無縁できたけど、これからは是非クラスを利用していきたい。
以前、つかみ という JavaScript クラスの基本について書いたけど、今回は グレートなつくりかた という記事を見つけたので、改めて基本記事を作成。
グレートなつくりかた
- var hoge = (function() {
- var FOOFOO = 777; // クラス内定数
- // constructor
- var hoge = function(arg) {
- this.x = 5;
- this.y = 10;
- this.z = arg;
- };
- var p = hoge.prototype;
- p.f1 = function() {
- return true;
- };
- p.f2 = function() {
- return false;
- };
- return hoge;
- })();
- var instance = new hoge(1);
- // hoge {x: 5, y: 10, z: 1, f1: function, f2: function}
Qiita：【javascript】やさしいクラスの作り方
より引用。
この書き方だと、１クラス１ブロックになって、見やすい。 😎
せっかくなので、覚書用に改変。
- var hoge = ( function() {
- var FOOFOO = 777; // クラス内定数
- var foo = 777; // クラス内変数
- // constructor
- var hoge = function( arg ) {
- this.x = 5;
- this.y = 10;
- this.z = arg;
- };
- // 内部関数（クラス内メソッド）
- function moge() {}
- var p = hoge.prototype;
- p.f1 = function() {
- return true;
- };
- p.f2 = function() {
- return false;
- };
- return hoge;
- })();
- var instance = new hoge(1);
- // hoge {x: 5, y: 10, z: 1, f1: function, f2: function}
参考サイト
Qiita：【javascript】やさしいクラスの作り方
Qiita：[JavaScript]クラス、関数、オブジェクト クラス