Блог

Я имею в виду этот веб-архив статьи, первоначально посвященной Helephant.com , чтобы узнать, как Javascript разрешает функции в цепочке прототипов при вызове объектов.

В статье приводятся цитаты,

Если у объекта нет метода, установленного непосредственно для него, javascript затем ищет функцию-конструктор, которая создала объект. Javascript проверяет свойство prototype конструктора для метода.

В следующем коде, если вы проверяете rufus.constructor глобальный Object() конструктор, JS будет напрямую проверять глобальный объект (), поскольку rufus.constructor Object() или согласно цитате из статьи выше, сначала он посмотрит на конструктор, а затем найдет свойство prototype и так далее.. Как JS разрешит функцию ( rufus.toString ) . Я совершенно сбит с толку этим.

   //PET CONSTRUCTOR
function Pet(name, species, hello)
 
  {   this.name = name;
      this.species = species;
      this.hello = hello; }
 
Pet.prototype = {
  sayHello : function(){
    alert(this.hello);
  }
}
 
//CAT CONSTRUCTOR
  function Cat(name, hello, breed, whiskerLength)
  {   this.name = name;
      this.hello = hello;
      this.breed = breed;
      this.whiskerLength = whiskerLength;}
  
Cat.prototype = new Pet();
var rufus = new Cat("rufus", "miaow", "Maine Coon", 7);

rufus.toString; 
  

Если у объекта нет метода, установленного непосредственно для него, javascript затем ищет функцию-конструктор, которая создала объект. Javascript проверяет свойство prototype конструктора для метода.

Формулировка сбивает с толку. JavaScript просматривает цепочку прототипов __proto__ и не использует constructor свойство. Они упомянули Constructor , потому что обычно именно так объекты получают свое свойство prototype — through Constructor.prototype . Но это не всегда так. Вы можете установить прототип следующим образом:

 var rufus2 = Object.create(new Pet());
Object.getPrototypeOf(rufus) === Object.getPrototypeOf(rufus2); // true
  

Относительно того, как toString решается метод:

                     rufus.hasOwnProperty('toString'); // false -> go up
(new Pet())         rufus.__proto__.hasOwnProperty('toString'); // false -> go up 
({sayHello :...})   rufus.__proto__.__proto__.hasOwnProperty('toString'); // false -> go up 
(Object.prototype)  rufus.__proto__.__proto__.__proto__.hasOwnProperty('toString'); // true 
  

 function Person () { }
Person.prototype.sayName = function () { };


var bob = new Person();
console.log(bob.sayName === Person.prototype.sayName); // true
console.log(bob.constructor.prototype.sayName === Person.prototype.sayName); // true
console.log(bob.__proto__.sayName === Person.prototype.sayName); // true


console.log(bob.constructor === Person); // true
console.log(bob.__proto__ === Person.prototype); // true
  

Это ваши отношения.
Если свойство / функция не может быть найдена для объекта, он поднимается по __proto__ цепочке, чтобы найти то, что он ищет. В старых браузерах __proto__ он был недоступен для разработчиков JS, но по-прежнему оставался объектом, который браузер / узел использовал за кулисами, чтобы ссылаться на свойство Constructor.prototype .

PS: старайтесь не использовать глубокую иерархию в JS. Это путь многих разрывов. Глубокие иерархии вызывают боль в других языках, основанных на классах, но являются проблемой в JS, где часто достаточно функции.