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

Прототип и this

важность: 5

Сработает ли вызов rabbit.eat() ?

Если да, то в какой именно объект он запишет свойство full : в rabbit или animal ?

var animal = {

eat: function() { this.full = true;
}
};

var rabbit = {

proto : animal
};
rabbit.eat();

К решению

Алгоритм для поиска

важность: 5 Есть объекты:
var head = { glasses: 1
};

var table = { pen: 3

};

var bed = { sheet: 1,

pillow: 2
};

var pockets = { money: 2000

};

Задание состоит из двух частей:

1. 
   Присвойте объектам ссылки proto так, чтобы любой поиск чего‑либо шёл по алгоритму pockets ‐> bed ‐> table ‐> head .
   

То есть pockets.pen == 3 , bed.glasses == 1 , но table.money == undefined .

2. 
   После этого ответьте на вопрос, как быстрее искать glasses : обращением к pockets.glasses или head.glasses ? Попробуйте протестировать.
   

К решению

Свойство F.prototype и создание объектов через new

До этого момента мы говорили о наследовании объектов, объявленных через {...} .

Но в реальных проектах объекты обычно создаются функцией‑конструктором через new . Посмотрим, как указать прототип в этом случае.

Свойство F.prototype

Самым очевидным решением является назначение proto в конструкторе.

Например, если я хочу, чтобы у всех объектов, которые создаются new Rabbit , был прототип animal , я могу сделать так:

var animal = { eats: true

};

function Rabbit(name) { this.name = name;

this. proto = animal;
}

var rabbit = new Rabbit("Кроль");

alert( rabbit.eats ); // true, из прототипа

Недостаток этого подхода – он не работает в IE10‑.

К счастью, в JavaScript с древнейших времён существует альтернативный, встроенный в язык и полностью кросс‑браузерный способ.

Чтобы новым объектам автоматически ставить прототип, конструктору ставится свойство prototype .