Почему некорректно работает оператор instanseof?

Question

[Funny_Cat]

Добрый день! Где можно увидеть как досконально работает оператор instanceof.

Вот пример, цепочки прототипов ("иерархия животных"). Несмотря на то, что тип Dog вообще не играет роли для типа Cat, оператор instanceof утверждает, что объект (cat1), созданный с помощью функции-конструктора Cat также является типом Dog??? (Если прототип собаки будет создаваться с помощью прототипа функции-конструктора из цепочки прототипов кота - то есть, например, так: Dog.prototype = Mammal.prototype). Но если же прототипом функции конструктора Dog будет являться конкретный новый объект Mammal (млекопитающее), созданный через оператор new, то есть так: Dog.prototype = new Mammal(), то объект cat1, уже не будет типом Dog. В чём причина??? Как работает этот оператор - instanceof?

var Animal = function(){
			this.run = function(){
				console.log("I am running or swimming...");
			};
		}
		
		var Mammal = function(){
			this.run = function(){
				console.log("I am running!");
			};
			this.voice = function(){
				console.log("...");
			};
		};
		Mammal.prototype = new Animal();
		
		var Cat = function(){
			this.voice = function(){
				console.log("Meow!!!");
			};
			
		};
		Cat.prototype = new Mammal();
		
		var DomesticCat = function(){
			this.height = "80";
			this.weight = "30";
		}
		DomesticCat.prototype = new Cat();
		
		var Dog = function(){
			this.height = "100";
			this.weight = "50";
			this.play_with_cat = function(){
				console.log("I am playing!");
			};
		}
		Dog.prototype = Mammal.prototype;

// если будет использоваться создание объекта через оператор new Mammal(), то выражение (cat1 instanseof Dog)
// результирует в false
		
		var cat1 = new DomesticCat();
		var dog1 = new Dog();
		
		console.log(cat1 instanceof Dog); // true
		console.log(dog1 instanceof Cat); // false

Answer 1

[Антон Швец]

cat1.__proto__.__proto__.__proto__ === Dog.prototype

поэтому и true
У cat1 третий протип в цепочке это Animal, тож же самый что и у Mammal и у Dog, который вы тут присвоили.
Dog.prototype = Mammal.prototype;

А в цепочке прототипов dog1 нет Cat.prototype

https://learn.javascript.ru/instanceof

Comments

[Funny_Cat]

Но если Dog.prototype = new Mammal(), то (cat1 instanseof Dog) результирует в false. В чём причина?

[Антон Швец]

Funny_Cat, потому что
Dog.prototype = new Mammal()
// и
Cat.prototype = new Mammal();
это два разных объекта, они не равны друг другу. Каждый new создает ссылку на новый объект.
и Dog.prototype получается не тот же самый, что и cat1.__proto__.__proto__ , хоть и похож.

[Funny_Cat]

Как так получается, что при выводе в консоле объекта cat1, в цепочке прототипов появляется Dog? (если создавать через Dog.prototype = Mammal.prototype;)

DomesticCat {height: "80", weight: "30"}
			height:"80"
			weight:"30"
			__proto__: Cat
				voice: ƒ ()
				__proto__: Dog
					constructor: ƒ ()
					run: ƒ ()
					voice: ƒ ()
					__proto__: Animal
						constructor: ƒ ()
						run: ƒ ()
						__proto__: Object

[Антон Швец]

Funny_Cat,
это где так?
jsfiddle.net/a6gr47cy/2

[Funny_Cat]

Если явно задать конструктор. Но, я, наверное, неправильно переопределяю это свойство.
По иерархии получается так. Но правильнее было бы задавать что-то подобное: Mammal.prototype.constructor = Animal; (так как прототипом Mammal является именно Animal).

var Animal = function(){
			this.run = function(){
				console.log("I am running or swimming...");
			};
		}
		
		var Mammal = function(){
			this.run = function(){
				console.log("I am running!");
			};
			this.voice = function(){
				console.log("...");
			};
		};
		Mammal.prototype = new Animal();
		Mammal.prototype.constructor = Mammal;
		
		var Cat = function(){
			this.voice = function(){
				console.log("Meow!!!");
			};
			
		};
		Cat.prototype = new Mammal();
		Cat.prototype.constructor = Cat;
		
		var DomesticCat = function(){
			this.height = "80";
			this.weight = "30";
		}
		DomesticCat.prototype = new Cat();
		DomesticCat.prototype.constructor = DomesticCat;
		
		var Dog = function(){
			this.height = "100";
			this.weight = "50";
			this.play_with_cat = function(){
				console.log("I am playing!");
			};
		}
		Dog.prototype = Mammal.prototype;
		Dog.prototype.constructor = Dog;
		
		var cat1 = new DomesticCat();
		//var dog1 = new Dog();
		
		console.log(cat1 instanceof Dog); // true
		//console.log(dog1 instanceof Cat); // false

		console.log(cat1);
		
		//console.log(cat1);

[Антон Швец]

Funny_Cat, правильнее было бы не изгаляться, а сразу написать правильно :)
jsfiddle.net/czgq32vn



А еще лучше не пинать труп, а сразу писать на ES6

[Funny_Cat]

Спасибо за разъяснения!