В объявлении объекта записи

This preview shows page 129 - 132 out of 436 pages.

В объявлении объекта записи get или set позволяют задать функцию, которая будет вызвана при чтении или записи свойства. Можно также добавить такое свойство в существующий объект, к примеру, в prototype, используя функцию Object.defineProperty (раньше мы её уже использовали, создавая несчётные свойства). Object .defineProperty(TextCell.prototype, "heightProp" , { get: function () { return this .text.length; } }); var cell = new TextCell( "да\nну" ); console .log(cell.heightProp); // → 2 cell.heightProp = 100 ; console .log(cell.heightProp); // → 2 Так же можно задавать свойство set в объекте, передаваемом в defineProperty, для задания метода-сеттера. Когда геттер есть, а сеттера нет – попытка записи в свойство просто игнорируется. Но мы ещё не закончили с нашим упражнением по форматированию таблицы. Читать её было бы удобнее, если б числовой столбец был Наследование Выразительный Javascript 129 Тайная жизнь объектов
Image of page 129
выровнен по правому краю. Нам нужно создать ещё один тип ячеек вроде TextCell, но вместо дополнения текста пробелами справа, он дополняет его слева, чтобы выровнять его по правому краю. Мы могли бы написать новый конструктор со всеми тремя методами в прототипе. Но прототипы могут сами иметь прототипы, и поэтому мы можем поступить умнее. function RTextCell (text) { TextCell.call( this , text); } RTextCell.prototype = Object .create(TextCell.prototype); RTextCell.prototype.draw = function (width, height) { var result = []; for ( var i = 0 ; i < height; i++) { var line = this .text[i] || "" ; result.push(repeat( " " , width - line.length) + line); } return result; }; Мы повторно использовали конструктор и методы minHeight и minWidth из обычного TextCell. И RTextCell теперь в общем эквивалентен TextCell, за исключением того, что в методе draw находится другая функция. Такая схема называется наследованием. Мы можем строить в чем-то отличные типы данных на основе существующих, не тратя много сил. Обычно новый конструктор вызывает старый (через метод call, чтобы передать ему новый объект и его значение). После этого мы можем предположить, что все поля, которые должны быть в старом объекте, добавлены. Мы наследуем прототип конструктора от старого так, что экземпляры этого типа будут иметь доступ к свойствам старого прототипа. И наконец, мы можем переопределить некоторые свойства, добавляя их к новому прототипу. Если мы чуть отредактируем функцию dataTable, чтоб она использовала для числовых ячеек RTextCells, мы получим нужную нам таблицу. function dataTable (data) { var keys = Object .keys(data[ 0 ]); var headers = keys.map( function (name) { Выразительный Javascript 130 Тайная жизнь объектов
Image of page 130
return new UnderlinedCell( new TextCell(name)); }); var body = data.map( function (row) { return keys.map( function (name) { var value = row[name]; // Тут поменяли: if ( typeof value == "number" ) return new RTextCell( String (value)); else return new TextCell( String (value)); }); }); return [headers].concat(body); } console .log(drawTable(dataTable(MOUNTAINS))); // → … красиво отформатированная таблица Наследование – основная часть объектно-ориентированной традиции, вместе с инкапсуляцией и полиморфизмом. Но, в то время как последние две воспринимают как отличные идеи, первая вызывает споры.
Image of page 131
Image of page 132

You've reached the end of your free preview.

Want to read all 436 pages?

  • Fall '19
  • Выразительный Javascript

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes