さて、javascriptにクラスが追加されて、またいらない文法を追加しやがってと嘆いている方もいるかと思います。classがなくても同じようなことができるということです。
もともとjavascriptの流儀としては、functionをコンストラクターとして使うのです。
MDNにある例は、
class Point {
constructor(x, y) {
this.x = x;
this.y = y;
}
static distance(a, b) {
const dx = a.x - b.x;
const dy = a.y - b.y;
return Math.sqrt(dx*dx + dy*dy);
}
}
const p1 = new Point(5, 5);
const p2 = new Point(10, 10);
console.log(Point.distance(p1, p2));
--------------
このようにできる。newもつかわないようにした。
function Point(x,y){
return{
x: x,
y: y,
distance: function(a, b) {
var dx = a.x - b.x;
var dy = a.y - b.y;
return Math.sqrt(dx*dx + dy*dy);
},
}
}
var p1 = Point(5, 5);
var p2 = Point(10, 10);
console.log(Point().distance(p1, p2));
個人的には、クラスのstaticメソドてのは疑問
次の例
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(this.name + ' makes a noise.');
}
}
class Dog extends Animal {
speak() {
console.log(this.name + ' barks.');
}
}
これは
function Animal(name) {
return{
name : name,
speak : function() {
console.log(this.name + ' makes a noise.');
},
}
}
function Dog(name){
var dog = Animal(name);
dog['speak']=function() {
console.log(this.name + ' barks.');
};
return dog;
}
こんな感じ
いろんな書き方ができるので、classを使って統一しようという流れみたいです。でもextendsとかsuperとかキーワードが増えるし、java派は、setやgetがほしいとか言うし面倒ですね。
getter,setterてもういらない機能なのに...
getter,setterてもういらない機能なのに...
0 件のコメント:
コメントを投稿