0

кто знает объясните пожалуйста почему f.prototype = prototype; пишется не внутри функции-конструкторе а снаружи. Пробовал присваивать прототип как снаружи так и внутри функции но работает только когда снаружи, код для примера:

    function Menu(option){
        this.option = option;
    }
    Menu.prototype = {
        width: 200,
        height: 300,
        constructor: Menu
    }
    let submenu = new Menu("Secondary");
    console.log(submenu.width);// покажет 200
    //но если свойство menu.prototype перенести в функцию то при создании нового объекта 
    //он не будет иметь доступа к свойствам прототипа(потому как будет считаться
    //обычным свойством, но разве .prototype не является свойством которое 
    //имеет каждая функция), отсюда и вопрос: Почему свойство prototype пишется
    //только снаружи функции?(не могу дальше пройти пока не пойму почему так,
    //кто знает подскажите или направьте в нужном направлении)
1
  • покажи пример для свойство menu.prototype перенести в функцию то при создании нового объекта //он не будет иметь доступа к свойствам прототипа
    – Grundy
    23 янв 2020 в 18:52

2 ответа 2

1
  • Когда вы пишете function Menu вы объявляете функцию, а не вызываете. Иными словами, в момент объявления функции, вы не изменяете прототип. И в момент ее первого вызова, прототип у нее пустой.
  • Кроме этого, вы будете перезаписывать прототип при каждом запуске функции.

Смотри пример

function Menu(option) {
  this.option = option;
  Menu.prototype = {
    width: 200,
    height: 300
  };
}

console.log("Menu.prototype до запуска", Menu.prototype)
let menu1 = new Menu("menu1")
console.log("Menu.prototype после", Menu.prototype)

//пытаемся обратиться к свойству Width, оно же есть в прототипе
console.log("Width menu1: " + menu1.width) //unendified

//создаем второе меню
let menu2 = new Menu("menu2")

//и внезапно свойство появляется
console.log("Width menu2: " + menu2.width) //200

1
  • Спасибо, именно ваш комментарий помог разобраться 23 янв 2020 в 20:15
-2

На самом деле, свойство называется __proto__ и оно указывается внутри функции конструктора.

var animal = {
  eats: true
};

function Rabbit(name) {
  this.name = name;
  this.__proto__ = animal;
}

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

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

F.prototype - это альтернативная запись того же __proto__, но указывается снаружи функции конструктора. Разница в том, что __proto__ не поддерживается IE10- и все.

При создании объекта через new, в его прототип __proto__ записывается ссылка из prototype функции-конструктора.

Установка Rabbit.prototype = animal буквально говорит интерпретатору следующее: "При создании объекта через new Rabbit запиши ему __proto__ = animal".

3
  • F.prototype - это альтернативная запись того же __proto__ - нет, это разные вещи
    – Grundy
    23 янв 2020 в 18:47
  • Альтернатива - это и есть разные вещи, которые в данном случае делают одно и тоже. Тема различий прото и прототайп уже давно обсуждалась в другом топике ru.stackoverflow.com/questions/765445/… 23 янв 2020 в 19:20
  • они не могут делать одно и то же и том топике как раз было про их различие. Про __proto__ лучше тут смотреть
    – Grundy
    23 янв 2020 в 19:30

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.