Сборка от 17 марта 2017 г

Методы для работы с proto

В современных браузерах есть два дополнительных метода для работы с proto . Зачем они нужны, если есть proto ? В общем‑то, не очень нужны, но по историческим причинам тоже существуют.

Чтение: Object.getPrototypeOf(obj) ^

Возвращает obj. proto (кроме IE8‑)

Запись: Object.setPrototypeOf(obj, proto) ^

Устанавливает obj. proto = proto (кроме IE10‑).

Кроме того, есть ещё один вспомогательный метод:

Создание объекта с прототипом: Object.create(proto, descriptors) ^

Создаёт пустой объект с proto , равным первому аргументу (кроме IE8‑), второй необязательный аргумент может содержать дескрипторы свойств.

Итого

• 
  В JavaScript есть встроенное «наследование» между объектами при помощи специального свойства proto .
  
• 
  При установке свойства rabbit. proto = animal говорят, что объект animal будет «прототипом» rabbit .
  
• 
  При чтении свойства из объекта, если его в нём нет, оно ищется в proto . Прототип задействуется только при чтении свойства. Операции присвоения obj.prop = или удаления delete obj.prop совершаются всегда над самим объектом obj .
  

Несколько прототипов одному объекту присвоить нельзя, но можно организовать объекты в цепочку, когда один объект ссылается на другой при помощи proto , тот ссылается на третий, и так далее.

В современных браузерах есть методы для работы с прототипом:

• 
  Object.getPrototypeOf(obj) ^ (кроме IE8‑)
  
• 
  Object.setPrototypeOf(obj, proto) ^ (кроме IE10‑)
  
• 
  Object.create(proto, descriptors) ^ (кроме IE8‑)
  

Возможно, вас смущает недостаточная поддержка proto в старых IE. Но это не страшно. В последующих главах мы рассмотрим дополнительные методы работы с proto , включая те, которые работают везде.

Также мы рассмотрим, как свойство proto используется внутри самого языка JavaScript и как организовать классы с его помощью.

✔ Задачи

Чему равно свойство после delete?

важность: 5

Какие значения будут выводиться в коде ниже?

var animal = { jumps: null
};
var rabbit = { jumps: true
};

rabbit. proto = animal; alert( rabbit.jumps ); // ? (1) delete rabbit.jumps;

alert( rabbit.jumps ); // ? (2) delete animal.jumps;
alert( rabbit.jumps ); // ? (3)

Итого три вопроса.

К решению