Home / Questions / 2012
Accepted
Gemasoft
Asked: 2020-01-04 13:41:45 +0800 CST 2020-01-04 13:41:45 +0800 CST

Что такое прототипы в JavaScript и для чего они нужны?

  • 772

Я хотел бы знать, что такое прототипы в JavaScript и как я могу их использовать или есть ли какая-то польза.

javascript

3 Answers

  1. Best Answer

    Начнем с того, что ООП основаноJavaScript на прототипах, а не на классах. Чтобы увидеть больше информации о prototype-based OOPvs. class-based OOPВы можете перейти по следующей ссылке (на английском языке).

    Прототипы — это набор стандартов для интеграции объектно-ориентированного программирования в JavaScript. Итак, следуя этим правилам, мы сможем создать различные методологии объектной ориентации:

    • Наследование
    • инкапсуляция
    • Абстракция
    • Полиморфизм

    Конечно, не все методики доступны.

    Как я могу использовать прототипы?

    ECMAScript 5

    Чтобы создать класс:

    function Polygon(height, width){
  this.height = height;
  this.width = width;
}

    Для наследования от базового класса:

    function Square(side){
  this.prototype = Object.create(Polygon.prototype);
  Polygon.call(this, side, side);

  this.getArea = function(){
    return this.height * this.width;
  }
}

    ECMAScript 6

    Чтобы создать класс:

    class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
}

    Для наследования от базового класса:

    class Square extends Polygon {
  constructor(side) {
    super(side, side);
  }
  getArea() {
    return this.height * this.width;
  }
}

    При этом мы можем создать экземпляр с:

    var square = new Square(5);
// debe imprimir 25
console.log(square.getArea());

    Примеры взяты из Inheritance и цепочки прототипов .

    Преимущества

    • Иметь программирование на высоком уровне.
    • Есть разные способы создания объектов.
    • Иметь наследование в свойствах и методах.
    • По сути, преимущество наличия прототипов JavaScriptзаключается в возможности использования объектно-ориентированного программирования в качестве методологии программного обеспечения.
    • 9

  2. Все объекты в JavaScript имеют специальное свойство, называемое prototype, которое является ссылкой на другой объект.

    Чем это полезно?Давайте посмотрим на примере:

    var miObjeto = {
  foo: 5
}
console.log(miObjeto.foo); // 5

    Здесь мы создаем объект с именем miObjeto, определяем свойство fooсо значением 5 и печатаем значение этой переменной. Ясно, что результат равен 5, но что происходит, когда у объекта нет переменной foo? JavaScript попытается найти его в prototypeимени этого объекта и так далее, пока не найдет его или не дойдет до конца цепочки прототипов.

    Эта цепочка прототипов позволяет нам имитировать наследование (помните, что в JavaScript нет наследования на основе классов), если мы хотим добавить методы или свойства к объекту, мы можем сделать это через файл prototype.

    Рассмотрим следующую функцию Persona:

    function Persona(nombre, edad) {
  this.nombre = nombre;
  this.edad = edad;
}

    Прототип этой функции таков, Persona.prototypeи мы можем добавить к нему больше методов или свойств, чем было изначально:

    Persona.prototype.toString = function() {
  return "[Persona: " + this.nombre + "]";
}

Persona.prototype.saludar = function() {
  console.log("Hola mi nombre es: " + this.nombre);
}

    Теперь мы собираемся создать объект pтипа Personaс new, на данный момент прототип pравный Persona.prototype:

    var p = new Persona("John", 33);
console.log(p.nombre); // propiedad del objeto
console.log(p.toString()); // propiedad no encontrada directamente en el objeto

    По этой причине при вызове метода, toStringдаже если это не прямой метод p, JavaScript смотрит на прототип pи находит его, и все работает правильно.

    В любой момент мы можем запросить прототип объекта с помощью Object.getPrototypeOf, для нашего конкретного случая:

    Object.getPrototypeOf(p) === Persona.prototype; // true

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

    • 8

  3. Прототипы — это объекты, которые могут иметь свойства (функции и методы), они также могут использоваться другими объектами для наследования их свойств, это очень полезно для инкапсуляции и повторного использования кода, это дает вам возможность адаптировать свои коды для пользователя. ориентированный дизайн объектов.

    В JavaScript все, что не является примитивными типами ( undefined, null, или ) boolean, является объектами и может использоваться в качестве прототипов для создания других объектов.numberstring

    • 2