−サイドバー
js:object:chain
JavaScript プロトタイプチェーン
— y2sunlight 2021-05-12
prototypeオブジェクト
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
var Student = function(name) { this.name = name;};Student.prototype.greeting = function() { console.log(`I am ${this.name}.`);};// 年齢(age)はオブジェクト毎に保持されるべきなので、prototypeには適さない。// 但し参照のみの初期値として使用することはできる。Student.prototype.age = 15;// suzukiはStudentのprototypeの参照を保持する。 var suzuki = new Student('suzuki');suzuki.greeting(); // 結果：I am suzuki. |
プロトタイプを使用するメリット
- メモリ量の節約できる
- メンバの追加/変更が即座に反映される
プロトタイプチェーン
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var Animal = function(){}; // AnimalクラスAnimal.prototype.cry = function() { console.log('woooo');};var Dog = function(){}; // DogクラスDog.prototype = new Animal();Dog.prototype.cry = function() { console.log('bowwow');};var Rabbit = function(){}; // RabbitクラスRabbit.prototype = new Animal();var taro = new Dog();var coco = new Rabbit();taro.cry(); // 結果：bowwowcoco.cry(); // 結果：woooo |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
var Animal = function(name){ this.name = name;};Animal.prototype.cry = function() { console.log(this.name + " cry: 'woooo'.");};var Dog = function(name){ Animal.call(this, name);};Dog.prototype = new Animal();var taro = new Dog('Taro');taro.cry(); // 結果：Taro cry: 'woooo'. |
constructorプロパティとinstanceof
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
var Animal = function(){}; // Animalクラスvar Dog = function(){}; // Dogクラスvar Flower = function(){}; // FlowerクラスDog.prototype = new Animal(); // DogのAnimalの継承var a = new Dog(); // Dogのインスタンス化var b = new Flower(); // Flowerのインスタンス化console.log(a.constructor === Animal); // 結果：trueconsole.log(a.constructor === Dog); // 結果：falseconsole.log(b.constructor === Animal); // 結果：falseconsole.log(b.constructor === Flower); // 結果：trueconsole.log(a instanceof Animal); // 結果：trueconsole.log(a instanceof Dog); // 結果：trueconsole.log(b instanceof Animal); // 結果：falseconsole.log(b instanceof Flower); // 結果：true |
constructorプロパティは継承元を返す。
isPrototypeOfメソッド
1 2 3 4 5 6 7 8 9 10 11 12 |
var Animal = function(){}; // Animalクラスvar Dog = function(){}; // Dogクラスvar Flower = function(){}; // FlowerクラスDog.prototype = new Animal(); // DogのAnimalの継承var a = new Dog(); // Dogのインスタンス化var b = new Flower(); // Flowerのインスタンス化console.log(Animal.prototype.isPrototypeOf(a)); // 結果：trueconsole.log(Animal.prototype.isPrototypeOf(b)); // 結果：falseconsole.log(Flower.prototype.isPrototypeOf(a)); // 結果：falseconsole.log(Flower.prototype.isPrototypeOf(b)); // 結果：true |
obj.prototype.isPrototypeOf(a)はobjプロトタイプがaのプロトタイプに存在するか否かを返す。
js/object/chain.txt · 最終更新: 2021/05/24 12:56 by tanaka
特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
